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

ImageZoom - Responsive jQuery Image Zoom Plugin

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


ImageZoom - Responsive jQuery Image Zoom Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Visión de conjunto

ImageZoom es un plugin de jQuery para el efecto de zoom de imagen. Tiene modo thrid de imagen efecto de zoom: el modo interno, el modo estándar y el modo de seguir. Es fácil de usar, sólo se puede utilizar sola imagen o establecer una imagen de gran tamaño. Cuando se establece una imagen de gran tamaño permite ver ver que es 4 ~ 10 más rápido que otros para mostrar la vista de zoom (bruja evento load utilización imagen para obtener la imagen grande ancho / alto). Puede probar la demo del imgfast en la página de demostración en vivo para verlo. Y ImageZoom está listo para usar con un carrusel. Tiene un montón de opciones y método bruja dejar hacer lo que sólo necesita. Disfrútala :)

Características

  • Responsive! Se puede utilizar en el diseño que responda.
  • Modo de zoom Tres incluir. Zoom interno, zoom estándar, siga zoom
  • Obtén grandes anchura / altura 4x-10x más rápido que el evento imageload.
  • Utilice el pulgar para el cambio de tamaño de vista de zoom cuando la imagen grande se está cargando.
  • Movimiento suave. Vista Zoom moverse sin problemas.
  • Personalizable por CSS y opciones.
  • Opciones flexibles.
  • Fácil de controlar el objeto de zoom con muchas método.
  • Opción imagen precarga a favor o no.
  • ImageZoom con elastislide listo. (Un aspecto personalizado incluye) también sensible.
  • Cruz navegador
  • Devolución de llamada de evento para comenzar y terminar zoom.
  • Fácil de costumbre el estilo.
  • Muchos demo y documention incluyen.

Opciones

  • Tipo:. El modo de zoom de imagen (seguimiento interno, estándar) predeterminado: interior
  • bigImageSrc:. Si la imagen Solicita zoom en la imagen pulgar y quiere ampliar la imagen grande configurar esta opción con Por defecto: null
  • smoothMove: ¿Es la imagen de la zoomviewer moverse sin problemas. (Verdadero / falso) por defecto: true
  • precarga:. Es ImageZoom precargar la imagen de gran tamaño por defecto: true
  • zoomSize:. El Tamaño ZoomVisualizar para el modo estándar y el modo de seguir por defecto: [100100]
  • offset:. Fijar el desplazamiento de la zoomviewer para el modo estándar por defecto: [10,0]
  • posición: Conjunto izquierda / derecha para mostrar el zoomviewer defecto:. derecho
  • alignTo:. ajustar el ID de la zoomviewer alinear a (Modo Estándar) por defecto: nulo (alignTo la imagen riginal)
  • descriptionClass:. La clase Descripción coustom css por defecto: null
  • showDescription:. Es auto zoomimage muestra la descripción de la imagen por defecto: true
  • zoomViewerClass: La clase coustom del visor de zoom para el modo de seguimiento y modo estándar por defecto:. nula
  • zoomHandlerClass:. La clase coustom del área de controlador de zoom para el modo estándar por defecto: cadena nula
  • OnShow:. Evento cuando el zoom comenzará por defecto: null
  • onHide:. Evento cuando el zoom final predeterminado: null

ImageZoom Objeto

  • obj. $ espectador (jQuery elemento objeto) La imagen de espectáculo área grande vista.
  • obj. $ handlerArea (jQuery elemento objeto) La vista manipulador de la exposición pulgar cuando el modo de uso estándar en.
  • obj. $ el (jQuery elemento objeto) La imagen de la que ha llamado ImageZoom en él.
  • obj. $ largeImg (jQuery elemento objeto) La imagen de gran tamaño que mostrar en el visor de zoom.

Métodos

  • destroy (): Destruye ImageZoom.
  • changeImage (string, string): Cambie la etiqueta img src imagen original y la imagen grande.
  • changeZoomSize (número, número): Cambiar el tamaño ZoomViewer (ancho, alto).

Otros efectos de imagen Plugins

HoverEx - jQuery imagen libración animación Plugin

HoverEx Durante animaciones Más de plantillas Responsive capaz Fácil personalizar Antiguo navegador amigable zoom Plugin y deslizante Plugin

Picanim - jQuery imagen libración efecto pulgin

Plicanim efectos únicos libración sólo 3 kb después gziped navegadores incluso IE6 con efecto RRSE mouseout incluyen tales desenfoque faddn transparente rebanada veces boxRandorn boxDiagional

Zoome - jQuery Aumento de la pantalla Efecto Plugin

Zoome zoom con vuelo estacionario r.graysca le, Cruz zoom Control de navegador con opciones flexibles de ruedas I3j Llikeyjun Contador Bandera

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

Propiedades

Creado:
27 de mayo 13, Última actualización

alta resolución:

Navegadores compatibles:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Archivos incluidos

Palabras clave

eCommerce, todos los artí, culos, animar, carrusel, e, fuild, galleryw, imagen, lente, lupa, previenlarge, receptivo, la escala, diapositivas, suave, zoom, zoomer