WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Etalage

— Add -On per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Etalage - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Una llista per utilitzar la imatge jQuery plugin de zoom per presentar les seves imatges a la major detall sense sortir de la pàgina.

Simplement enllaçar als arxius JavaScript i CSS, i aplicar-lo a seu element HTML igual que altres plugins jQuery. Personalitzar la configuració i CSS per a que coincideixi amb el seu estil i propòsit. Documentació i exemples complet inclòs.

Si us plau, comproveu el FAQ abans de comprar.

Característiques:

  • Personalitzable mitjançant opcions de CSS i connectors
  • Posicionament precís de tots els elements en funció de les seves dimensions d'imatge i CSS
  • Les petites miniatures es generen automàticament, mida i posició
  • Baixa resolució de vista prèvia (miniatura engrandit) mentre es descarrega la imatge ampliada (excepte en IE)
  • Opcional flexibilització dels moviments imatge ampliada
  • Reproducció automàtica opcional
  • Descripcions opcionals / subtítols
  • Nombre il limitat d'imatges
  • Alinear Etalage esquerra / dreta, amb l'àrea de zoom en el costat oposat
  • Miniatures petites es poden posar sota oa l'esquerra / dreta (vertical)
  • Diverses instàncies per pàgina possible
  • De dreta a esquerra suport d'idiomes
  • Controls externs opcionals per imatge anterior / següent / específica
  • Funcions de devolució de trucada personalitzables: Avançada
  • Funciona en tots els navegadors comuns (i IE6)
  • Inclou documentació i arxius d'origen comentades
  • Inclou un "absolut bàsica" i 6 més arxius d'exemple per començar

Nou a la versió 1.3.4 (juny 2013)

  • Nova opció connector: show_begin_end_smallthumb (Ja sigui per mostrar miniatures addicionals al principi i al final de navegar de tornada al final o al principi)
  • Exemple pàgines FancyBox actualitzats per donar suport a la versió 2 + d'aquest connector.
  • Petites millores de rendiment

Nou a la versió 1.3.3 (febrer 2013)

  • Opció "smallthumbs_position" ara també pot configurar-se per dalt
  • Opció "show_hint" ara és false per defecte
  • Fix Afegit per a la fila de petit polze embolicar indesitjada causada generalment pels navegadors zoom en
  • Bug arreglat per quan petits polzes alineats a la dreta no es desplacen en Firefox
  • Nou exemple de la pàgina: "Alinear" amb mostres de / top / alineació dreta esquerra de petits polzes
  • Nou exemple de la pàgina: "Els controls externs" per demostrar com disparar accions étalage d'altres elements
  • Petites millores de rendiment

Nou a la versió 1.3.2 (04/09/2012)

  • Optimitzat per jQuery 1.8+ (en desús esdeveniment 'surar', obsolet mètode.browser $ esdeveniment, obsolet 'càrrega')
  • .etalage () ara retorna l'objecte jQuery, perquè pugui seguir encadenant
    Exemple:
     .. $ ('# ETALAGE') ETALAGE () el (); 
  • Afegit suport per Twitter Bootstrap (embrutar amb el Etalage CSS)
  • Funcions de devolució de trucada es va traslladar a les opcions del plugin objecte. Vell mètode encara funciona però. Exemple:

     $ ('# ETALAGE'). ETALAGE ({ click_callback () {alert ('OMG'); }, change_callback () {alert ('es va moure'); } }); 

Nou a la versió 1.3.1 (05/06/2012)

  • Correcció d'error: En inicialitzar diverses instàncies per classe, la mida de l'àrea del zoom difereix.
  • Afegit suport d'idiomes de dreta a esquerra.
  • Afegit de dreta a esquerra exemple.
  • Afegit FancyBox sense usar exemple àrea de zoom de Etalage.
  • Afegit exemple configuracions duplicades.
  • Millores de rendiment lleus.

Nou a la versió 1.3 (03/06/2012):

  • Correcció d'errors: Addició d'enllaços a imatges ara funciona correctament
  • Correcció d'errors: La càrrega d'imatges a vegades seguir mostrant quan s'utilitza una sola imatge
  • Nova opció connector: smallthumb_select_on_hover (desplaçar-se per les miniatures petites quan es plana ells, en lloc de fer clic en ells)
  • Nova opció connector: zoom_element (capacitat de subministrar el seu propi element com una àrea de zoom)
  • Nova opció connector: zoom_area_distance (abans era un entorn CSS)
  • Nova opció connector: hint_offset (abans era un entorn CSS)
  • Nova opció connector: icon_offset (abans era un entorn CSS)
  • Nova funció de devolució de trucada: etalage_change_callback (image_number, instance_id), on image_number és la nova imatge activa
  • Afegit un exemple de l'ús Etalage amb FancyBox
  • Afegit un exemple de l'ús de funcions de devolució
  • Afegit un exemple de l'ús d'un element d'àrea de zoom personalitzat
  • Millores en el rendiment de menor importància i l'eliminació de funcions jQuery depricated

Nou a la versió 1.21 (04/09/2011):

  • S'ha corregit un error amb controls externs quan no hi havia petites miniatures fora de rang

Nou a la versió 1.2 (07/23/2011):

  • Fins i tot més precís posicionament de la imatge de zoom.
  • Corregit un error on el quadre de descripció s'estira quan es col·loca en la part superior.
  • Feu clic en la funció de devolució de trucada (Bo per lightboxes o qualsevol cosa que vostè vol que succeeixi en fer clic).
  • Afegida l'opció "click_to_zoom" connector. Quan està activada, feu clic a la miniatura gran iniciarà el zoom (en lloc de surant ella). Això no van de la mà amb les funcions de clic de devolució de trucada.
  • Afegida l'opció "smallthumbs_position" connector. Les petites miniatures ara poden col·locar-se a l'esquerra oa la dreta de la miniatura gran (verticalment).
  • Afegida l'opció plug-in "align". El contenidor Etalage ara es pot alinear a la dreta, amb l'àrea de zoom a l'esquerra.
  • Funcions externes per a la commutació anterior / següent / a un nombre d'imatge específica.

Nota: També ha d'utilitzar el nou CSS per a aquesta actualització si està actualitzant des d'una versió anterior (almenys copiar la secció "funcional" a la part inferior, la secció d'estil personal segueix sent el mateix).

Nou a la versió 1.1 (04/24/2011):

  • Afegit un àrea descripció opcional superposar la imatge ampliada. Passi el text de la descripció mitjançant l'atribut title de la imatge original:
    <img class="etalage_source_image" src="" title="Put description here." />
  • Suport de teclat (opcional) (tecla de fletxa esquerra / dreta li permetrà navegar a la imatge següent / anterior).
  • Error en l'opció Plugin zoom_easing fix.
  • Diverses millores lleus

Per actualitzar a la versió anterior; reemplaçar la part "funcionalitat" i afegir la secció "Descripció de l'àrea" de la nova CSS.

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Març 26 11

Darrera actualització:
24 juny 13

Els navegadors compatibles:
IE6, IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome, Vora

Arxius inclosos:
JavaScript JS, HTML, CSS

Versió del programari:
jQuery

Paraules clau

eCommerce, eCommerce, Tots els Articles, Boutique, carrusel, comerç, detall, moda, galeria, imatge, article, Vista prè, via, producte, botiga, lliscant, botiga, miniatura, zoom