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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


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

Ads

Ad: Bluehost hosting

Visió de conjunt

ImageZoom és un plugin de jQuery per l'efecte de zoom d'imatge. Té manera thrid d'imatge efecte de zoom: la manera intern, la manera estàndard i la manera de seguir. És fàcil d'usar, només es pot utilitzar sola imatge o establir una imatge de grans dimensions. Quan s'estableix una imatge de grans dimensions permet veure veure que és 4 ~ 10 més ràpid que altres per mostrar la vista de zoom (bruixa esdeveniment load utilització imatge per obtenir la imatge gran ample / alt). Pot provar la demo del imgfast a la pàgina de demostració en viu per veure-ho. I ImageZoom està llest per a usar amb un carrusel. Té un munt d'opcions i mètode bruixa deixar fer el que només necessita. Gaudeix :)

Característiques

  • Responsive! Es pot utilitzar en el disseny que respongui.
  • Mode de zoom Tres incloure. Zoom intern, zoom estàndard, segueixi zoom
  • Aconsegueix grans amplada / alçada 4x-10x més ràpid que l'esdeveniment imageload.
  • Utilitzeu el polze per al canvi de mida de vista de zoom quan la imatge gran s'està carregant.
  • Moviment suau. Vista Zoom moure sense problemes.
  • Personalitzable per CSS i opcions.
  • Opcions flexibles.
  • Fàcil de controlar l'objecte de zoom amb moltes mètode.
  • Opció imatge precàrrega a favor o no.
  • ImageZoom amb elastislide llest. (Un aspecte personalitzat inclou) també sensible.
  • Creu navegador
  • Devolució de trucada d'esdeveniment per començar i acabar zoom.
  • Fàcil de costum l'estil.
  • Molts demo i documention inclouen.

Opcions

  • Tipus :. La manera de zoom d'imatge (seguiment intern, estàndard) per defecte: interior
  • bigImageSrc :. Si la imatge Sol·licita zoom en la imatge polze i vol ampliar la imatge gran configurar aquesta opció amb Per defecte: null
  • smoothMove: És la imatge de la zoomviewer moure sense problemes. (Veritable / fals) per defecte: true
  • precàrrega :. És ImageZoom precarregar la imatge de grans dimensions per defecte: true
  • zoomSize :. La Grandària ZoomVisualizar per la manera estàndard i la manera de seguir per defecte: [100100]
  • offset :. Fixar el desplaçament de la zoomviewer per la manera estàndard per defecte: [10,0]
  • posició: Conjunt esquerra / dreta per mostrar el zoomviewer defecte :. dret
  • alignTo :. ajustar el ID de la zoomviewer alinear (Mode Estàndard) per defecte: nul (alignTo la imatge riginal)
  • descriptionClass :. La classe Descripció coustom css per defecte: null
  • showDescription :. És acte zoomimage mostra la descripció de la imatge per defecte: true
  • zoomViewerClass: La classe coustom del visor de zoom per a la manera de seguiment i manera estàndard per defecte :. nul·la
  • zoomHandlerClass :. La classe coustom de l'àrea de controlador de zoom per a la manera estàndard per defecte: cadena nul·la
  • OnShow :. Esdeveniment quan el zoom començarà per defecte: null
  • onHide :. Esdeveniment quan el zoom final predeterminat: null

ImageZoom Objecte

  • obj. $ espectador (jQuery element objecte) La imatge d'espectacle àrea gran vista.
  • obj. $ handlerArea (jQuery element objecte) La vista manipulador de l'exposició polze quan la manera d'ús estàndard en.
  • obj. $ el (jQuery element objecte) La imatge de la qual ha anomenat ImageZoom en ell.
  • obj. $ largeImg (jQuery element objecte) La imatge de grans dimensions de mostrar a la pantalla de zoom.

Mètodes

  • destroy (): Destrueix ImageZoom.
  • changeImage (string, string): Canvieu l'etiqueta img src imatge original i la imatge gran.
  • changeZoomSize (nombre, nombre): Canviar la mida ZoomViewer (ample, alt).

Altres efectes d'imatge Plugins

HoverEx - jQuery imatge libració animació Plugin

HoverEx Durant animacions Més de plantilles Responsive capaç Fàcil personalitzar Antic navegador amigable zoom Plugin i lliscant Plugin

Picanim - jQuery imatge libració efecte pulgin

Plicanim efectes únics libració 3 kb després gziped navegadors fins i tot IE6 amb efecte RRSE mouseout inclouen tals desenfocament faddn transparent llesca vegades boxRandorn boxDiagional

Zoome - jQuery Augment de la pantalla Efecte Plugin

Zoome zoom amb vol estacionari r.graysca li, Creu zoom Control de navegador amb opcions flexibles de rodes I3j Llikeyjun Contador Bandera

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

Propietats

Creat:
27 maig 13, última actualització

alta resolució:

Navegadors compatibles:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Arxius inclosos

Paraules clau

eCommerce, tots els articles, animar, carrusel, i, fuild, galleryw, imatge, lent, lupa, previenlarge, receptiu, l'escala, diapositives, suau, zoom, zoomer