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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting

Prezentare generală

ImageZoom este un plugin jQuery pentru un efect de zoom de imagine. Ea are un mod thrid de imagine efect de zoom: Mod de interior, modul standard și modul urmeze. Este usor de folosit, puteți folosi doar o singură imagine sau pentru a seta o imagine mare. Când setați o imagine mare să vizualizați vedea că este de 4 ~ 10 mai repede decât alte pentru a vedea punctul de zoom (vrăjitoare caz de sarcină utilizare imagine pentru a obține mare imagine lățime / înălțime). Puteți încerca demo imgfast în pagina live demo să-l văd. Și ImageZoom este gata de utilizare, cu un carusel. Ea are o mulțime de opțiuni și metoda vrăjitoare permit face ceea ce tocmai nevoie. Bucură de ea :)

Caracteristici

  • Responsive! Puteți să-l folosească în tine aspect sensibil.
  • Trei modul zoom includ. Zoom interioară, zoom standard, urmați zoom
  • Ia mare lățime / înălțime 4x-10x mai rapid decât eveniment imageload.
  • Folosiți imagine degetul mare redimensionata pentru vizualizare zoom atunci când imaginea mare se încarcă.
  • Mutare Smooth. Vedere Zoom muta buna.
  • Personalizabile prin CSS și opțiuni.
  • Opțiuni de flexibile.
  • Ușor pentru a controla obiect de zoom cu metoda mulți.
  • Opțiunea pentru imagine presarcinii sau nu.
  • ImageZoom cu elastislide gata. (O piele personalizat include) De asemenea, receptiv.
  • Browser-ul Cross
  • Eveniment de apel invers pentru a începe și zoom final.
  • Ușor de personalizat stilul.
  • Multe demo și docu- mentelor includ.

Opțiuni

  • Tip:. Modul transfocarea imaginii (,, interior standard, urmați) Implicit: interior
  • bigImageSrc:. Dacă transfocarea imaginii apel pe imaginea degetul mare și doriți să măriți cu imagine mare seta această opțiune implicită: null
  • smoothMove: Este imaginea zoomviewer mergem buna. (Adevărat / fals) Implicit: true
  • preload:. Este ImageZoom incarcata imaginea mare Implicit: true
  • zoomSize:. Dimensiunea ZoomView pentru modul standard și modul urmați implicită: [100100]
  • ofset:. Setați diferența de zoomviewer pentru modul standard, Implicit: [10,0]
  • Poziția: Set stânga / dreapta pentru a arăta zoomviewer implicită:. dreapta
  • alignTo:. Setați id-ul de zoomviewer alinia la (Mod Standard) Implicit: nul (alignTo imaginea riginal)
  • descriptionClass:. Clasa descriere coustom CSS implicită: null
  • showDescription:. Este auto zoomimage arată descrierea implicit imagine: true
  • zoomViewerClass: Clasa coustom a privitorului zoom pentru modul urmărire și standard de modul implicit:. null
  • zoomHandlerClass:. Clasa coustom a zonei handler zoom pentru modul standard, implicit: string nul
  • OnShow:. Evenimentul când zoom începe Implicit: nul
  • onHide:. Evenimentul când zoom final Implicit: nul

ImageZoom obiect

  • obj. $ viewer (jQuery obiect elementul) imagine mare spectacol vedere careului.
  • obj. $ handlerArea (jQuery obiect elementul) handler vedere show de pe degetul mare de imagine, atunci când modul de utilizare standard.
  • obj. $ el (jQuery obiect elementul) Imaginea aveti si numita ImageZoom pe ea.
  • obj. $ largeImg (jQuery obiect elementul) mare Imaginea care arata pe zoom Viewer.

Metode

  • distruge (): distruge imagezoom.
  • changeImage (string, string): Schimbați tag img src imaginea originală și imaginea mare.
  • changeZoomSize (număr, număr): modificarea dimensiunii ZoomViewer (lățime, înălțime).

Alte Plugin-uri Efecte fotografie

HoverEx - jQuery hover imagine animație plugin

HoverEx Peste animații Peste template-uri Responsive oportunitatile Easy personaliza Vechi browser-ul prietenos Zoom Plugin și Slider Plugin

Picanim - jQuery hover imagine efect pulgin

Plicanim efecte unice de deasupra doar 3 kb după gziped browser centrare a chiar IE6 cu efect mouseout rrse includ astfel de estompare faddn transparent felie ori boxRandorn boxDiagional

Zoome - jQuery imagine Zoom Efect Plugin

Zoome Zoom cu hover r.graysca le, lui zoom de control browser cu opțiuni flexibile de roți I3j Llikeyjun Flag Counter

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
27 mai 13

Ultima actualizare:
29 august 13

de inalta rezolutie:
Da

Browsere compatibile IE7:
, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, fișiere incluse

Software Versiune:
jQuery

Cuvinte cheie

eCommerce, toate produsele, anima, carusel, e, fuild, galleryw, imagine, lentilă, lupa, previenlarge, receptiv, scară, diapozitiv, neted, zoom, zoomer