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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

Overzicht

ImageZoom is een jQuery plugin voor het zoom-effect. Het heeft thrid stand van de zoom-effect: innerlijke modus, standaard mode en volg de mode. Het is makkelijk te gebruiken, kunt u gewoon gebruik maken van één enkel beeld of stel een grote afbeelding. Wanneer u een grote afbeelding te stellen u bekijken zien dat het 4 ~ 10 sneller dan andere aan zoom-weergave te openen (heks image gebruik gebeurtenis load naar de grote afbeelding breedte / hoogte te krijgen). U kunt de de imgfast demo in de live demo pagina proberen om het te zien. En ImageZoom is klaar voor gebruik met een carrousel. Het heeft veel opties en wijze heks laten maken wat er net nodig hebben. Geniet ervan :)

Kenmerken

  • Responsive! Je kunt het gebruiken in je responsieve lay-out.
  • Drie zoom-modus bevatten. Innerlijke zoom, standaard zoom, volgen zoom
  • Krijg grote breedte / hoogte 4x-10x sneller dan imageload evenement.
  • Gebruik afbeelding resized duim voor zoom uitzicht als de grote afbeelding wordt geladen.
  • Soepele overgang. Zoom uitzicht bewegen soepel.
  • Aanpasbaar door CSS en opties.
  • Flexibele opties.
  • Gemakkelijk om de zoom-object met vele methode te controleren.
  • Optie voor het preload of niet.
  • ImageZoom met elastislide klaar. (Een aangepaste skin bevatten) ook responsief.
  • Cross browser
  • Event callback voor begin en eind zoom.
  • Eenvoudig op maat van de stijl.
  • Veel demo, documentatie en op te nemen.

Opties

  • Type:. Het beeld zoom-modus (innerlijke, standaard, volgen) Standaard: innerlijke
  • bigImageSrc:. Als beeld Call inzoomen op de afbeelding van de duim en wilt inzoomen met grote afbeelding stelt u deze optie Standaard: null
  • smoothMove: Is het de zoomviewer's bewegen soepel. (True / false) Standaard: true
  • preload:. Is ImageZoom preload de grote afbeelding Standaard: true
  • zoomSize:. De ZoomView maat voor standaard modus en volg de modus Standaard: [100,100]
  • offset:. Stel de offset van de zoomviewer voor standaard modus Standaard: [10,0]
  • positie: Set links / rechts om de zoomviewer tonen Standaard:. rechts
  • alignTo:. Stel de id van de zoomviewer af te stemmen (standaardmodus) Standaard: null (alignTo de riginal afbeelding)
  • descriptionClass:. De coustom beschrijving css klasse Standaard: null
  • showDescription:. Is zoomimage Auto Show de image description Standaard: true
  • zoomViewerClass: De coustom klasse van de zoom-viewer voor follow-modus en de normale modus Standaard:. null
  • zoomHandlerClass:. De coustom klasse van de zoom-handler gebied voor standaardmodus Standaard: nullreeks
  • onShow:. Event als de zoom begint Standaard: null
  • onHide:. Event als de zoom einde Standaard: null

ImageZoom Object

  • obj. $ viewer (jQuery element object) Het grote beeld toont uitzicht gebied.
  • obj. $ handlerArea (jQuery element object) De handler uitzicht tonen Afbeelding duim wanneer gebruik standaard modus op.
  • obj. $ el (jQuery element object) Het beeld dat u ImageZoom hebben genoemd op.
  • obj. $ largeImg (jQuery element object) Het grote beeld dat de toon op zoom kijker.

Methoden

  • vernietigen (): Vernietig ImageZoom.
  • changeImage (string, string): Verander de img tag originele afbeelding src en grote afbeelding.
  • changeZoomSize (aantal, nummer): Verander de ZoomViewer Afmetingen (breedte, hoogte).

Andere Image Effects Plugins

HoverEx - jQuery image hover animatie plugin

HoverEx Over animaties Over sjablonen Responsive staat Gemakkelijk aanpassen Oude browser vriendelijke Zoom Plugin en Slider Plugin

Picanim - jQuery image hover effect pulgin

Plicanim unieke hover effecten slechts 3 kb na gziped cross browser zelfs IE6 met mouseout rrse effect omvatten dergelijke onscherpte transparante faddn slice vouwen boxRandorn boxDiagional

Zoome - jQuery Image Zoom Effect Plugin

Zoome Zoom met hover r.graysca le, Cross browser Controle zoom met wiel Flexibele opties I3j Llikeyjun Vlag Counter

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
mei 27 13

Laatste Update:
29 augustus 13

hoge resolutie:
Ja

compatibele browsers:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Trefwoorden

eCommerce, Alle artikelen, animeren, carrousel, e, fuild, galleryw, beeld, lens, vergrootglas, previenlarge, responsieve, schaal, glijbaan, glad, zoom, Zoomer