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

Etalage

— Add-On sa WorldWideScripts.net

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

Bago! Sundin amin sa gusto mo!


Etalage - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ang isang handa na upang gamitin jQuery image zoom plugin upang ipakita ang iyong mga larawan sa mga pinakamataas na detalye nang hindi umaalis sa page.

Link lang sa JavaScript at CSS file at ilapat ito sa iyong HTML element tulad ng iba pang jQuery plugin. I-customize ang mga setting at CSS upang tumugma sa iyong estilo at layunin. Full dokumentasyon at mga halimbawa kasama.

Mangyaring suriin ang FAQ bago ito bilhin.

Mga Tampok:

  • Nako-customize sa pamamagitan ng CSS at plugin pagpipilian
  • Tumpak na pagpoposisyon ng lahat ng mga elemento batay sa iyong mga sukat ng imahe at CSS
  • Ang mga maliliit na thumbnail ay awtomatikong binuo, laki at nakaposisyon
  • Preview Mababang resolution (pinalaki thumbnail) habang dina-download ang pinalaking imahe (maliban sa IE)
  • Opsyonal easing ng naka-zoom na paggalaw ng imahe
  • Opsyonal autoplay
  • Opsyonal paglalarawan / caption
  • Walang limitasyong bilang ng mga imahe
  • Pantayin Etalage pakaliwa / pakanan, na may zoom na lugar sa tapat ng gilid
  • Maliit na thumbnail maaaring nakaposisyon sa ibaba o sa kaliwa / pakanan (patayo)
  • Maramihang mga pagkakataon sa bawat pahina posible
  • Kanan-papuntang-kaliwa na suporta sa wika
  • Opsyonal panlabas na mga kontrol para sa nakaraang / susunod / tiyak na imahe
  • Advanced: napapasadyang callback function
  • Gumagana sa lahat ng mga karaniwang mga browser (at IE6)
  • May kasamang dokumentasyon at nagkomento source file
  • May kasamang isang "absolute basic" at 6 pang halimbawa ng mga file upang makapagsimula ka

Bago sa bersyon 1.3.4 (Hunyo 2013)

  • Bagong opsyon plugin: show_begin_end_smallthumb (Kung ipapakita dagdag na mga thumbnail sa simula at sa katapusan na mag-navigate pabalik sa dulo o simula)
  • Fancybox halimbawang pahina update upang suportahan ang bersyon 2 + ng na plugin.
  • Maliliit na pagpapabuti ng pagganap

Bago sa bersyon 1.3.3 (Pebrero 2013)

  • Option "smallthumbs_position" ay maaari na ngayong i-set din sa itaas
  • Option "show_hint" ay maling ngayon sa pamamagitan ng default
  • Idinagdag ayusin para sa mga hindi-ginustong wrapping small-thumb row karaniwang sanhi ng naka-zoom-in browser
  • Bug fixed para kapag right-nakahanay small-thumbs ay hindi mag-scroll sa Firefox
  • Bagong halimbawa ng pahina: "pagpapantay" sa mga halimbawa ng left / top / pakanan pagpapantay ng maliit na-thumbs
  • New halimbawa page: "Panlabas na mga kontrol" upang ipakita kung paano sunog Etalage aksyon mula sa iba pang mga elemento
  • Maliliit na pagpapabuti ng pagganap

Bago sa bersyon 1.3.2 (2012/09/04)

  • Optimize para sa jQuery 1.8+ (pinapagamit 'hover' kaganapan, pinapagamit $ pamamaraan.browser, tinutulan 'load' kaganapan)
  • .etalage () bumalik ngayon ang jquery object, kaya maaari kang magpatuloy pagdudugtong
    Halimbawa:
     .. $ ('# Etalage') Etalage () kahit anong (); 
  • Idinagdag ang suporta para Twitter Bootstrap (it messed sa Etalage CSS)
  • Inilipat callback function sa mga pagpipilian sa plugin object. Gumagana pa rin kahit Old method. Halimbawa:

     $ ('# Etalage'). Etalage ({ click_callback () {alert ('omg'); }, change_callback () {alert ('inilipat ito'); } }); 

Bago sa bersyon 1.3.1 (2012/06/05)

  • Bug fix: Kapag Sinisimulan ang maramihang mga kaso sa pamamagitan ng klase, magkaiba ang sukat zoom area.
  • Idinagdag kanan-papuntang-kaliwa na suporta sa wika.
  • Idinagdag kanan-papuntang-kaliwa sa mga halimbawa.
  • Idinagdag Fancybox nang hindi gumagamit ng zoom na lugar halimbawa Etalage ni.
  • Idinagdag duplicate setup halimbawa.
  • Bahagyang pagpapabuti ng pagganap.

Bago sa bersyon 1.3 (2012/03/06):

  • Bug fix: Pagdaragdag ng mga link sa mga larawan na ngayon ay gumagana ng maayos
  • Bug fix: Ang paglo-load ng image ay minsan ang pagpapakita kapag gumagamit ng isang nag-iisang larawan
  • Bagong opsyon plugin: smallthumb_select_on_hover (mag-scroll sa pamamagitan ng mga maliliit na thumbnail kapag pagpasada ang mga ito, sa halip ng pag-click ang mga ito)
  • Bagong opsyon plugin: zoom_element (kakayahan upang tustusan ang iyong sariling mga elemento bilang zoom area)
  • Bagong opsyon plugin: zoom_area_distance (dati ay isang setting CSS)
  • Bagong opsyon plugin: hint_offset (dati ay isang setting CSS)
  • Bagong opsyon plugin: icon_offset (dati ay isang setting CSS)
  • Bagong pag-andar callback: etalage_change_callback (image_number, instance_id), kung saan image_number ay ang bagong aktibong imahe
  • Idinagdag ng isang halimbawa ng paggamit ng Etalage may Fancybox
  • Idinagdag ng isang halimbawa ng paggamit ng function ng callback
  • Idinagdag ng isang halimbawa ng paggamit ng isang pasadyang zoom area element
  • Minor na mga pagpapabuti ng pagganap at pag-alis ng depricated jquery function

Bago sa bersyon 1.21 (2011/09/04):

  • Naayos na ang isang bug sa mga panlabas na mga kontrol nang wala pang mga maliliit na thumbnail wala sa hanay

Bago sa bersyon 1.2 (2011/07/23):

  • Kahit na mas tumpak na pagpoposisyon image zoom.
  • Bug naayos na kung saan ang kahon paglalarawan ay nakaunat kapag nakaposisyon sa tuktok.
  • I-click ang callback function (Magandang para lightboxes o anumang bagay na gusto mong mangyari sa pag-click).
  • Idinagdag plugin pagpipiliang "click_to_zoom". Kapag pinagana, ang pag-click ang mga malalaking thumbnail ay simulan ang pag-zoom (sa halip ng pagpasada ito). Na ito ay hindi pumunta sama-sama na may mga function click-callback.
  • Idinagdag plugin pagpipiliang "smallthumbs_position". Ang mga maliliit na thumbnail ay maaari na ngayong nakaposisyon sa kaliwa o kanan ng malalaking thumbnail (patayo).
  • Idinagdag pagpipilian plugin "align". Ang Etalage container ay maaari na ngayong nakapantay sa kanan, na may zoom na lugar sa kaliwa.
  • Panlabas na mga pag-andar para sa paglipat nakaraang / susunod / sa isang tiyak na numero ng imahe.

Tandaan: Dapat mo ring gamitin ang bagong CSS para sa update na ito kung ikaw ay mag-upgrade mula sa nakaraang bersyon (hindi bababa sa kopyahin ang mga seksyon ng "functional" sa ibaba, ang mga personal na seksyon ng estilo ay nananatiling pareho).

Bago sa bersyon 1.1 (2011/04/24):

  • Idinagdag ng isang opsyonal na paglalarawan area overlaying ang pinalaking imahe. Dumaan ang teksto ng paglalarawan sa pamamagitan ng mga katangian ng imahe pinagmulan pamagat:
    <img class="etalage_source_image" src="" title="Put description here." />
  • Pag Keyboard (opsyonal) (kaliwa / kanang mga arrow key ay mag-navigate sa mga nakaraang / susunod na larawan).
  • Bug sa pagpipilian zoom_easing plugin maayos.
  • Iba't-ibang bahagyang pagpapabuti

Upang i-update mula sa nakaraang bersyon; palitan ang bahagi "functionality" at idagdag ang seksyong "Paglalarawan area" mula sa bagong CSS.

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:
26 Mar 11

Huling Update:
Hunyo 24 13

Katugmang Browser:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Kasamang File:
JavaScript JS, HTML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng Mga Item, boutique, carousel, komersyo, detalye, moda, gallery, imahen, bagay, preview, produkto, tindahan, slider, tindahan, thumbnail, zoom