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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


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

Ads

Ad: Bluehost hosting

Pangkalahatang-ideya ng

ImageZoom ay isang jQuery plugin para sa pag-zoom na imahe epekto. Ito ay may thrid mode ng pag-zoom epekto larawan: panloob na mode, karaniwang mode at mode sundin. Ito ay madaling gamitin, maaari mo lamang gamitin ang nag-iisang larawan o itakda ang isang malaking imahe. Kapag nagtakda ka ng isang malaking larawang tingnan mo makita ito ng 4 ~ 10 mas mabilis kaysa sa ibang upang ipakita ang view ng zoom (kaganapan ng pag-load paggamit ng imahe matanda at pangit na babae upang makuha ang malaking larawang lapad / taas). Maaari mong subukan ang mga imgfast demo sa live na demo na pahina upang makita ito. At ImageZoom ay handa na upang gamitin sa isang carousel. Ng maraming mga pagpipilian at pamamaraan bruha ipaalam gumawa ng kung ano ang kailangan lamang Mayroon. Tangkilikin ito :)

Mga Tampok

  • Nakikiramay! Maaari mo itong gamitin sa iyo tumutugon layout.
  • Kasama Tatlong-zoom mode. Inner zoom, karaniwang pag-zoom, sundin ang pag-zoom
  • Kumuha ng malaking lapad / taas 4x-10x mas mabilis kaysa sa imageload kaganapan.
  • Gamitin ang sukat ng imahe hinlalaki para sa view ng pag-zoom kapag ang malaking imahe ay naglo-load.
  • Makinis na paglipat. View ng zoom ilipat makinis.
  • Nako-customize sa pamamagitan ng CSS at mga pagpipilian.
  • Flexible na mga pagpipilian.
  • Madaling upang makontrol ang pag-zoom sa bagay na may maraming mga paraan.
  • Pagpipilian para sa preload ng mga imahe o hindi.
  • ImageZoom may elastislide handa. (Ang isang pasadyang skin isama) nakikiramay din.
  • Cross browser
  • Callback kaganapan para sa nagsisimula at pagtatapos ng pag-zoom.
  • Madaling pasadyang mga istilo.
  • Maraming mga demo at documention isama.

Mga Pagpipilian

  • uri:. Ang pag-zoom na imahe mode (panloob, karaniwan, sundin) Default: inner
  • bigImageSrc:. Kung zoom imahe Tumawag sa hinlalaki imahe at nais na mag-zoom sa malaking imahe itakda ang pagpipiliang ito Default: null
  • smoothMove: Ay ang imahe ng zoomviewer ng ​​ilipat makinis. (Tama / mali) Default: totoo
  • Mag-preload ng:. Ay ImageZoom preload ang malaking larawang Default: totoo
  • zoomSize:. Ang ZoomView Laki para sa karaniwang mode at mode sundin Default: [100,100]
  • offset:. I-set ang offset ng zoomviewer para sa karaniwang mode Default: [10,0]
  • posisyon: Itakda ang kaliwa / kanan upang ipakita ang zoomviewer Default:. karapatan
  • alignTo:. I-set ang id ng zoomviewer humahanay (Standard Mode) Default: null (alignTo ang riginal larawan)
  • descriptionClass:. Ang paglalarawan coustom css klase Default: null
  • showDescription:. Ay zoomimage auto ipakita ang paglalarawan ng larawan Default: totoo
  • zoomViewerClass: Ang coustom klase ng pag-zoom viewer para sa follow mode at karaniwang mode Default:. null
  • zoomHandlerClass:. Ang coustom klase ng lugar handler ng ​​zoom para sa karaniwang mode Default: null string
  • onShow:. Kaganapan kapag zoom simulan Default: null
  • onHide:. Kaganapan kapag zoom dulo Default: null

ImageZoom ng Bagay

  • obj. $ viewer (jQuery elemento sa bagay na) Ang malaking view ng lugar palabas ng imahe.
  • obj. $ handlerArea (jQuery elemento sa bagay na) Ang view ng palabas na handler sa imahe hinlalaki kapag paggamit karaniwang mode.
  • obj. $ el (jQuery elemento sa bagay na) Ang imahe ng na tinatawag mong ImageZoom dito.
  • obj. $ largeImg (jQuery elemento sa bagay na) Ang malaking imahe na ipinapakita sa pag-zoom viewer.

Mga Pamamaraan

  • sirain (): Wasakin ang imagezoom.
  • changeImage (string, string): Baguhin ang img tag ang orihinal na larawan src at malaking imahe.
  • changeZoomSize (bilang, numero): Baguhin ang Laki ng ZoomViewer (lapad, taas).

Iba pang mga Effects Larawan Social na Plugin

Animation plugin hover imahe jQuery - HoverEx

HoverEx Sa paglipas ng animation Sa paglipas ng mga template tumutugon magagawang Madaling i-customize ang Lumang browser friendly na Mag-zoom Plugin at Slider Plugin

Picanim - jQuery hover imahe epekto pulgin

Plicanim natatanging hover effect lamang 3kb pagkatapos gziped ng cross browser kahit IE6 na may mouseout rrse epekto isama tulad lumabo transparent faddn slice kulungan ng mga tupa boxRandorn boxDiagional

Zoome - jQuery Imahe Mag-zoom Epekto Plugin

Zoome Mag-zoom na may hover r.graysca le, Cross Control browser zoom na may mga pagpipilian na may kakayahang umangkop wheel I3j Llikeyjun I-flag Counter

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
27 Mayo 13

Huling Update:
29 Agosto 13

High Resolution:
Oo

Mga katugmang Mga Browser:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

File Kasamang:
JavaScript JS, HTML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, ang lahat ng Item, bigyang-buhay, carousel, e, fuild, galleryw, larawan, lente, magnifier, previenlarge, matugunin, sukat, slide, madulas, i-zoom, zoomer