PhotoSwipe

PhotoSwipe ay nagbago mga may-akda na nagsisimula sa bersyon 4.x at ngayon ay sa maalaga mata ng Dmitry Semenov isang sikat na developer na kilala para sa maraming iba pang mga sangkap magandang UI tulad ng RoyalSlider at Magnific Popup .

Ano ang unang nagsimula bilang isang proyekto sinusubukang magtiklop ang katutubong viewer image iPhone sa pamamagitan ng JavaScript ay lumaki sa isang napaka-makapangyarihang cross-browser at cross-aparato suportado photo gallery at modal na nakabatay sa imahe viewer, partikular na-optimize para sa paggamit sa Mobile at tumutugon layout.

Tulad ng inaasahan mo may suporta para sa mga muwestra ugnay, ngunit din ng ilang mga non-standard na mga tampok tulad ng mga kontrol sa pagbabahagi ng social media at kahit isang opsyon upang madaling i-download ang orihinal na file ng imahe.

Makikita mo rin ang mga klasikong mga pagpipilian upang ipakita ang mga caption sa tabi ng mga imahe, susunod na mga pindutan / nakaraan, isang pangunahing pager, at isang fullscreen mode.

Mga imahe ay maaaring gawin upang magkasya sa loob ng viewport ng gumagamit o maaari silang Bilang kahalili ay nagpakita sa kanilang mga tamang ratio resolution at aspeto.

Kung gusto mong magpakita sa HTML loob modals PhotoSwipe ni, na posible rin.

Maraming mga demo at lahat ng mga papeles na kakailanganin mo ay kasama sa package download

Ano ang bagong sa paglabas:.

• Idinagdag `mainScrollAnimStart & quot; kaganapan.
• Mga Fixed:
• Hindi tamang zoom posisyon pan sa fullscreen kapag page ay scrolled.
• icon Fullscreen ay hindi pag-update kapag ang pagbabago ng fullscreen estado.
• Pinaghihiwa pagbabago Oryentasyon layout kung may 2 na mga slide.
• Error kapag tapos na imahe sa paglo-load (Maaari lamang lumitaw kapag mababa ang bilang ng mga item at kapag mabilis na paglipat ng mga slide).
• Isyu sa RTL layout.
• Error lumilitaw kapag captionEl:. false
• closeOnScroll ay nag-trigger sa ngayon lamang sa pamamagitan ng mousewheel kaganapan at para lang sa mga browser na sumusuporta anyo. Bilang ng iba't-ibang mga browser-trigger scroll kaganapan unpredictably (sa panahon ng pag-load ng pahina, kapag lumilitaw ang mga bar, atbp.).
• Sa desktop Safari PhotoSwipe na bubukas sa pag-load ng pahina ay maaaring isara (sanhi ng mga isyu sa itaas).

Ano ang bagong sa bersyon 4.0.8:

• Idinagdag `mainScrollAnimStart & quot; kaganapan.
• Mga Fixed:
• Hindi tamang zoom posisyon pan sa fullscreen kapag page ay scrolled.
• icon Fullscreen ay hindi pag-update kapag ang pagbabago ng fullscreen estado.
• Pinaghihiwa pagbabago Oryentasyon layout kung may 2 na mga slide.
• Error kapag tapos na imahe sa paglo-load (Maaari lamang lumitaw kapag mababa ang bilang ng mga item at kapag mabilis na paglipat ng mga slide).
• Isyu sa RTL layout.
• Error lumilitaw kapag captionEl:. false
• closeOnScroll ay nag-trigger sa ngayon lamang sa pamamagitan ng mousewheel kaganapan at para lang sa mga browser na sumusuporta anyo. Bilang ng iba't-ibang mga browser-trigger scroll kaganapan unpredictably (sa panahon ng pag-load ng pahina, kapag lumilitaw ang mga bar, atbp.).
• Sa desktop Safari PhotoSwipe na bubukas sa pag-load ng pahina ay maaaring isara (sanhi ng mga isyu sa itaas).

Ano ang bagong sa bersyon 4.0.7:

• Idinagdag `mainScrollAnimStart & quot; kaganapan.
• Mga Fixed:
• Hindi tamang zoom posisyon pan sa fullscreen kapag page ay scrolled.
• icon Fullscreen ay hindi pag-update kapag ang pagbabago ng fullscreen estado.
• Pinaghihiwa pagbabago Oryentasyon layout kung may 2 na mga slide.
• Error kapag tapos na imahe sa paglo-load (Maaari lamang lumitaw kapag mababa ang bilang ng mga item at kapag mabilis na paglipat ng mga slide).
• Isyu sa RTL layout.
• Error lumilitaw kapag captionEl:. false
• closeOnScroll ay nag-trigger sa ngayon lamang sa pamamagitan ng mousewheel kaganapan at para lang sa mga browser na sumusuporta anyo. Bilang ng iba't-ibang mga browser-trigger scroll kaganapan unpredictably (sa panahon ng pag-load ng pahina, kapag lumilitaw ang mga bar, atbp.).
• Sa desktop Safari PhotoSwipe na bubukas sa pag-load ng pahina ay maaaring isara (sanhi ng mga isyu sa itaas).

Ano ang bagong sa bersyon 4.0.6:

• Idinagdag `mainScrollAnimStart & quot; kaganapan.
• Mga Fixed:
• Hindi tamang zoom posisyon pan sa fullscreen kapag page ay scrolled.
• icon Fullscreen ay hindi pag-update kapag ang pagbabago ng fullscreen estado.
• Pinaghihiwa pagbabago Oryentasyon layout kung may 2 na mga slide.
• Error kapag tapos na imahe sa paglo-load (Maaari lamang lumitaw kapag mababa ang bilang ng mga item at kapag mabilis na paglipat ng mga slide).
• Isyu sa RTL layout.
• Error lumilitaw kapag captionEl:. false
• closeOnScroll ay nag-trigger sa ngayon lamang sa pamamagitan ng mousewheel kaganapan at para lang sa mga browser na sumusuporta anyo. Bilang ng iba't-ibang mga browser-trigger scroll kaganapan unpredictably (sa panahon ng pag-load ng pahina, kapag lumilitaw ang mga bar, atbp.).
• Sa desktop Safari PhotoSwipe na bubukas sa pag-load ng pahina ay maaaring isara (sanhi ng mga isyu sa itaas).

Ano ang bagong sa bersyon 4.0.0:.

• Idinagdag bower.json file

Ano ang bagong sa bersyon 3.0.4:

• Fixed isyu sa mga pindutan ng toolbar kapag ang isang gallery ay may mas mababa Sa loob ng 3 mga larawan.

Ano ang bagong sa bersyon 3.0.3:

• Nagdagdag ng bagong halimbawa - 14-tap-imahe- pumunta-to-url.html.
• Nakasisiguro na lamang iOS kinukuha kilos kaganapan.

Ano ang bagong sa bersyon 3.0.0:

• caption Multi-line kapag nakalagay caption bar sa Dapat na ngayon naayos ibaba.
• Mga Fixed isyu kung saan toolbar at caption ay nanatiling nakikita kapag mag-zoom in at captionAndToolbarAutoHideDelay = 0.
• Na-upgrade sa jQuery Mobile 1.0 RC2
• Na-upgrade Code.Util sa 1.0.6

Ano ang bagong sa bersyon 2.1.1:

• Na-upgrade aklatan tp jQuery 1.6.3, jQueryMobile 1.0 b3, Code.Util 1.0.3
• Dalawang bagong mga halimbawa: '10 -image-meta-data.html 'at '11 -Custom-captions.html'
• Mga Fixed isyu kapag pagpindot ng back button o escape key kapag naka-zoom in
• Mga Fixed isyu 112 & 79 na may kaugnayan sa mga imahe ay hindi nagpapakita
• Mga Fixed bug kapag pagsasara PhotoSwipe kapag ang gumagamit ay naka-zoom in sa image
• Nagdagdag ng bagong mga kaganapan: onBeforeZoomPanRotateShow, onZoomPanRotateShow, onBeforeZoomPanRotateHide, onZoomPanRotateHide, onZoomPanRotateTransform
• Mas mahusay na pangangasiwa kapag ang mga imahe ay hindi nahanap

Ano ang bagong sa bersyon 2.0.0:

• Ang pagiging magagawang upang i-drag at & quot; snap & quot; sa lugar sa susunod na at nakaraang mga imahe sa halip ng pag-swipe lang.
• sets Group ng mga imahe sa isang pahina at patakbuhin ang mga ito sa loob ng kanilang sariling mga halimbawa ng PhotoSwipe.
• Maaaring i-configure margin sa pagitan ng mga imahe.
• Ibigay ang iyong sariling HTML para sa mga toolbar.
• Next at nakaraang mga pindutan pumunta nang direkta sa imahe sa pamamagitan ng default (walang animation) .Ito ay eksakto tulad ng iOS. Ito ay siyempre configurable.
• Pangunahing suporta mouse wheel para sa paglipat sa pagitan ng mga susunod na at nakaraang mga imahe.
• slide show na I-play sa mga & quot; ipasok & quot; key.
• Auto start sa slideshow mode.

Ano ang bagong sa bersyon 1.0.19:.

• Fixed isyu sa Util.DOM.removeClass
• typo sa events.html naitama.
• Idinagdag hi-res css dedection tulad ng kung paano gumagana ang mga ito jQuery Mobile.

Ano ang bagong sa bersyon 1.0.18:

• Ngayon laki ng tama kung ang iyong katawan HTML ay sa padding ito
• Mga Fixed inisyu na may jQuery at pakikinig sa mga kaganapan PhotoSwipe - ay ibinabato up ng isang & quot; masyadong maraming recursion & quot; error
• Nagkaroon upang baguhin ang paraan makinig ka sa mga kaganapan. Gamitin ang & quot; Code.PhotoSwipe.Current.addEventHandler & quot; Hindi Code.PhotoSwipe.Current.addEventListener. Ito ay may kaugnayan sa fix itaas
• Na-upgrade sa jQuery 1.6.2
• Na-upgrade sa jQuery Pagalawin Pinahusay v0.76

Ano ang bagong sa bersyon 1.0.17:

• Nakatakdang isyu sa & quot; events.html & quot; halimbawa.

Ano ang bagong sa bersyon 1.0.15:

• Nakatakdang isyu sa bagong handler ng kaganapan. Keyboard control ay dapat na gumana muli sa non-jQuery bersyon.
• Idinagdag pagbabago sa isang isyu sa muling paggamit iniulat na may jQuery Mobile.
• Muli, kung nakakaranas ka ng anumang mga isyu na nauugnay sa kaganapan / mga bagay na hindi pagpapaputok mangyaring bumalik sa v1.0.13 at mag-ulat ng mga isyu.

Ano ang bagong sa bersyon 1.0.14:

• & quot; Double tap & quot; upang mag-zoom at pag-pan sa paligid ng isang imahe na ngayon nagtatrabaho sa IE9.
• Major muling pagsulat ng kung paano kaganapan ay hinahawakan sa loob.

Ano ang bagong sa bersyon 1.0.12:.

• Nakatakdang isyu sa Chrome 12
• Idinagdag ang sumusunod na mga bagong kaganapan & quot; onCaptionEndToolbarShow & quot; at & quot; onCaptionEndToolbarHide & quot;.
• Fixed isyu sa posisyon ng caption kapag nakalagay sa ibaba.
• ngayon pumasa Kaganapan target na halaga (dapat laging pantay na ang kasalukuyang pagkakataon ng PhotoSwipe).
• Nagdagdag ng bagong & quot; gamit-meta-data.html & quot; halimbawa.
• Na-update sa jQuery Pagalawin Pinahusay v0.75.

Ano ang bagong sa bersyon 1.0.11:

• Pag-pan bilis na naka-zoom na imahe ay tumatakbo na ngayon sa tamang bilis .
• Idinagdag pinakamataas at pinakamababang zoom user setting.
• Dapat ngayon play mabuti kung kabilang MooTools.

Mga kinakailangan

• enable ang JavaScript sa client side