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 para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


Etalage - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Una lista para usar la imagen jQuery plugin de zoom para presentar sus imágenes en la mayor detalle sin salir de la página.

Simplemente enlazar a los archivos JavaScript y CSS, y aplicarlo a su elemento HTML al igual que otros plugins jQuery. Personalizar la configuración y CSS para que coincida con su estilo y propósito. Documentación y ejemplos completo incluido.

Por favor, compruebe el FAQ antes de comprar.

Características:

  • Personalizable mediante opciones de CSS y plugins
  • Posicionamiento preciso de todos los elementos en función de sus dimensiones de imagen y CSS
  • Las pequeñas miniaturas se generan automáticamente, tamaño y posición
  • Baja resolución de vista previa (miniatura agrandado) mientras se descarga la imagen ampliada (excepto en IE)
  • Opcional flexibilización de los movimientos imagen ampliada
  • Reproducción automática opcional
  • Descripciones opcionales / subtítulos
  • Número ilimitado de imágenes
  • Alinear Etalage izquierda / derecha, con el área de zoom en el lado opuesto
  • Miniaturas pequeñas se pueden colocar debajo oa la izquierda / derecha (vertical)
  • Varias instancias por página posible
  • De derecha a izquierda soporte de idiomas
  • Controles externos opcionales para imagen anterior / siguiente / específica
  • Funciones de devolución de llamada personalizables: Avanzada
  • Funciona en todos los navegadores comunes (y IE6)
  • Incluye documentación y archivos de origen comentadas
  • Incluye un "absoluto básica" y 6 más archivos de ejemplo para empezar

Nuevo en la versión 1.3.4 (junio 2013)

  • Nueva opción plugin: show_begin_end_smallthumb (Ya sea para mostrar miniaturas adicionales al principio y al final que navegar de vuelta al final o al principio)
  • Ejemplo páginas FancyBox actualizados para apoyar la versión 2 + de ese plugin.
  • Pequeñas mejoras de rendimiento

Nuevo en la versión 1.3.3 (febrero 2013)

  • Opción "smallthumbs_position" ahora también puede configurarse para arriba
  • Opción "show_hint" ahora es false por defecto
  • Fix Añadido para la fila de pequeño pulgar envolver indeseada causada generalmente por los navegadores zoom en
  • Bug arreglado para cuando pequeños pulgares alineados a la derecha no se desplazan en Firefox
  • Nuevo ejemplo de la página: "Alinear" con muestras de / top / alineación derecha izquierda de pequeños pulgares
  • Nuevo ejemplo de la página: "Los controles externos" para demostrar cómo disparar acciones étalage de otros elementos
  • Pequeñas mejoras de rendimiento

Nuevo en la versión 1.3.2 (04/09/2012)

  • Optimizado para jQuery 1.8+ (en desuso evento 'flotar', obsoleto método.browser $ evento, obsoleto 'carga')
  • .etalage () ahora devuelve el objeto jQuery, para que pueda seguir encadenando
    Ejemplo:
     .. $ ('# ETALAGE') ETALAGE () lo (); 
  • Añadido soporte para Twitter Bootstrap (ensució con el Etalage CSS)
  • Funciones de devolución de llamada se trasladó a las opciones del plugin objeto. Viejo método todavía funciona sin embargo. Ejemplo:

     $ ('# ETALAGE'). ETALAGE ({ click_callback () {alert ('omg'); }, change_callback () {alert ('se movió'); } }); 

Nuevo en la versión 1.3.1 (05/06/2012)

  • Corrección de error: Al inicializar varias instancias por clase, el tamaño del área del zoom difiere.
  • Añadido soporte de idiomas de derecha a izquierda.
  • Añadido de derecha a izquierda ejemplo.
  • Añadido FancyBox sin usar ejemplo área de zoom de Etalage.
  • Añadido ejemplo configuraciones duplicadas.
  • Mejoras de rendimiento leves.

Nuevo en la versión 1.3 (03/06/2012):

  • Corrección de errores: Adición de vínculos a imágenes ahora funciona correctamente
  • Corrección de errores: La carga de imágenes a veces seguir mostrando cuando se utiliza una sola imagen
  • Nueva opción plugin: smallthumb_select_on_hover (desplazarse por las miniaturas pequeñas cuando se cierne ellos, en lugar de hacer clic en ellos)
  • Nueva opción plugin: zoom_element (capacidad de suministrar su propio elemento como un área de zoom)
  • Nueva opción plugin: zoom_area_distance (antes era un entorno CSS)
  • Nueva opción plugin: hint_offset (antes era un entorno CSS)
  • Nueva opción plugin: icon_offset (antes era un entorno CSS)
  • Nueva función de devolución de llamada: etalage_change_callback (image_number, instance_id), donde image_number es la nueva imagen activa
  • Añadido un ejemplo del uso Etalage con FancyBox
  • Añadido un ejemplo del uso de funciones de devolución
  • Añadido un ejemplo del uso de un elemento de área de zoom personalizado
  • Mejoras en el rendimiento de menor importancia y la eliminación de funciones jQuery depricated

Nuevo en la versión 1.21 (04/09/2011):

  • Se ha corregido un error con controles externos cuando no había pequeñas miniaturas fuera de rango

Nuevo en la versión 1.2 (07/23/2011):

  • Incluso más preciso posicionamiento de la imagen de zoom.
  • Corregido un fallo donde el cuadro de descripción se estira cuando se coloca en la parte superior.
  • Haga clic en la función de devolución de llamada (Bueno para lightboxes o cualquier cosa que usted quiere que suceda al hacer clic).
  • Añadida la opción "click_to_zoom" plugin. Cuando está activada, haga clic en la miniatura grande iniciará el zoom (en lugar de flotando ella). Esto no van de la mano con las funciones de clic de devolución de llamada.
  • Añadida la opción "smallthumbs_position" plugin. Las pequeñas miniaturas ahora pueden colocarse a la izquierda oa la derecha de la miniatura grande (verticalmente).
  • Añadida la opción plug-in "align". El contenedor Etalage ahora se puede alinear a la derecha, con el área de zoom a la izquierda.
  • Funciones externas para la conmutación anterior / siguiente / a un número de imagen específica.

Nota: También debe utilizar el nuevo CSS para esta actualización si está actualizando desde una versión anterior (por lo menos copiar la sección "funcional" en la parte inferior; la sección de estilo personal sigue siendo el mismo).

Nuevo en la versión 1.1 (04/24/2011):

  • Añadido un área descripción opcional superponer la imagen ampliada. Pase el texto de la descripción mediante el atributo title de la imagen original:
    <img class="etalage_source_image" src="" title="Put description here." />
  • Soporte de teclado (opcional) (tecla de flecha izquierda / derecha le permitirá navegar a la imagen siguiente / anterior).
  • Bug en la opción Plugin zoom_easing fijo.
  • Varias mejoras leves

Para actualizar a la versión anterior; reemplazar la parte "funcionalidad" y añadir la sección "Descripción del área" de la nueva CSS.

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
26 de marzo 11

Última actualización:
24 de junio 13

Los navegadores compatibles:
IE6, IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome, Borde

Archivos incluidos:
JavaScript JS, HTML, CSS

Versión del software:
jQuery

Palabras clave

eCommerce, eCommerce, Todos los objetos, Boutique, carrusel, comercio, detalle, moda, galerí, a, imagen, artí, culo, Vista previa, producto, tienda, deslizador, tienda, miniatura, zoom