PhotoSwipe

PhotoSwipe endret forfattere som starter med versjon 4.x og er nå i Panda Dmitry Semenov en kjent utvikler kjent for mange andre vakre UI komponenter som RoyalSlider og Magnific Popup .

Hva opprinnelig startet som et prosjekt å prøve å gjenskape den opprinnelige iPhone bildeviser via Javascript har utviklet seg til en svært kraftig kryss-nettleser og kryss-enhet som støttes fotogalleri og modal-baserte bildeviser, spesielt optimalisert for bruk på mobiler og responsive oppsett.

Som du forventer det er støtte for berøringsbevegelser, men også noen ikke-standard funksjoner som sosiale medier deling kontroller og enda en mulighet til å enkelt laste ned den originale bildefilen.

Du vil også finne klassiske alternativer for å vise bildetekster sammen bilder, neste / prev knapper, en grunnleggende personsøker, og en fullskjerm-modus.

Bilder kan gjøres for å passe inn i brukerens view eller de kan alternativt viste på sin rette oppløsning og størrelsesforhold.

Hvis du ønsker å vise HTML inne PhotoSwipe sin modals, det er mulig også.

Mange demoer og all dokumentasjon du trenger følger med nedlastingspakken

Hva er nytt i denne utgaven.

• Lagt `mainScrollAnimStart & quot; hendelse.
• Fast:
• Feil zoom pan posisjon i fullskjerm når siden ble rullet.
• ikonet Fullscreen ikke oppdaterer ved bytte fullskjerm staten.
• Orientering endringen bryter layout hvis det er 2 lysbilder.
• Feil når bildet ferdig lastet (kan bare vises når lavt antall elementer og når raskt bytte lysbilder).
• Issue med RTL oppsett.
• Feil vises når captionEl. false
• closeOnScroll er nå utløses bare ved musehjul hendelser og bare i nettlesere som støtter forvandle. Som ulike nettlesere utløse rulle hendelse uforutsigbart (under side belastning, når striper, osv.).
• I desktop Safari PhotoSwipe som åpner på side belastning kan lukke (forårsaket av ovennevnte sak).

Hva er nytt i versjon 4.0.8:

• Lagt `mainScrollAnimStart & quot; hendelse.
• Fast:
• Feil zoom pan posisjon i fullskjerm når siden ble rullet.
• ikonet Fullscreen ikke oppdaterer ved bytte fullskjerm staten.
• Orientering endringen bryter layout hvis det er 2 lysbilder.
• Feil når bildet ferdig lastet (kan bare vises når lavt antall elementer og når raskt bytte lysbilder).
• Issue med RTL oppsett.
• Feil vises når captionEl. false
• closeOnScroll er nå utløses bare ved musehjul hendelser og bare i nettlesere som støtter forvandle. Som ulike nettlesere utløse rulle hendelse uforutsigbart (under side belastning, når striper, osv.).
• I desktop Safari PhotoSwipe som åpner på side belastning kan lukke (forårsaket av ovennevnte sak).

Hva er nytt i versjon 4.0.7:

• Lagt `mainScrollAnimStart & quot; hendelse.
• Fast:
• Feil zoom pan posisjon i fullskjerm når siden ble rullet.
• ikonet Fullscreen ikke oppdaterer ved bytte fullskjerm staten.
• Orientering endringen bryter layout hvis det er 2 lysbilder.
• Feil når bildet ferdig lastet (kan bare vises når lavt antall elementer og når raskt bytte lysbilder).
• Issue med RTL oppsett.
• Feil vises når captionEl. false
• closeOnScroll er nå utløses bare ved musehjul hendelser og bare i nettlesere som støtter forvandle. Som ulike nettlesere utløse rulle hendelse uforutsigbart (under side belastning, når striper, osv.).
• I desktop Safari PhotoSwipe som åpner på side belastning kan lukke (forårsaket av ovennevnte sak).

Hva er nytt i versjon 4.0.6:

• Lagt `mainScrollAnimStart & quot; hendelse.
• Fast:
• Feil zoom pan posisjon i fullskjerm når siden ble rullet.
• ikonet Fullscreen ikke oppdaterer ved bytte fullskjerm staten.
• Orientering endringen bryter layout hvis det er 2 lysbilder.
• Feil når bildet ferdig lastet (kan bare vises når lavt antall elementer og når raskt bytte lysbilder).
• Issue med RTL oppsett.
• Feil vises når captionEl. false
• closeOnScroll er nå utløses bare ved musehjul hendelser og bare i nettlesere som støtter forvandle. Som ulike nettlesere utløse rulle hendelse uforutsigbart (under side belastning, når striper, osv.).
• I desktop Safari PhotoSwipe som åpner på side belastning kan lukke (forårsaket av ovennevnte sak).

Hva er nytt i versjon 4.0.0.

• Lagt bower.json fil

Hva er nytt i versjon 3.0.4:

• Fikset problem med knappene på verktøylinjen når et galleri har mindre enn 3 bilder.

Hva er nytt i versjon 3.0.3:

• Lagt nytt eksempel - 14-tap-image- go-to-url.html.
• Sikret at bare iOS fanger gest hendelser.

Hva er nytt i versjon 3.0.0:

• Multi-line bildetekst når bildetekst bar plassert på bunnen skal nå være løst.
• Fikset problem hvor verktøylinjen og bildetekst forble synlig når du zoomer inn og captionAndToolbarAutoHideDelay = 0.
• Oppgradert til jQuery Mobile 1.0 RC2
• Oppgradert Code.Util til 1.0.6

Hva er nytt i versjon 2.1.1:

• Oppgradert biblioteker tp jQuery 1.6.3, jQueryMobile 1.0 b3, Code.Util 1.0.3
• To nye eksempler: '10 -image-meta-data.html 'og '11 -tilpassede-captions.html'
• Fikset problem når du trykker på tilbake-knappen eller flykte nøkkelen når du zoomer inn
• Fikset problem 112 & 79 om bildene ikke viser
• Rettet feil ved lukking PhotoSwipe når brukeren har zoomet inn på bildet
• Lagt til nye hendelser: onBeforeZoomPanRotateShow, onZoomPanRotateShow, onBeforeZoomPanRotateHide, onZoomPanRotateHide, onZoomPanRotateTransform
• Bedre håndtering når bildene er ikke funnet

Hva er nytt i versjon 2.0.0:

• Å kunne dra og & quot; knipse & quot; på plass neste og forrige bilde i stedet for bare å sveipe.
• Gruppe sett av bilder på en side og kjøre dem i deres egen instans av PhotoSwipe.
• Konfigurerbar margin mellom bilder.
• Sørg for din egen HTML for verktøylinjen.
• Neste og forrige knapper gå til bildet direkte som standard (ingen animasjon) .Dette er akkurat som iOS. Det er selvfølgelig konfigureres.
• Basic musehjulet støtte for flytting mellom neste og forrige bilde.
• Spill lysbildefremvisning med & quot; skriv & quot; nøkkel.
• Auto start i lysbildefremvisningsmodus.

Hva er nytt i versjon 1.0.19.

• Fikset problem med Util.DOM.removeClass
• Typo i events.html korrigert.
• Lagt høyoppløslig css dedection som hvordan jQuery Mobile gjør det.

Hva er nytt i versjon 1.0.18:

• Nå dimensjonert riktig hvis HTML kroppen har polstring på det
• Fast utstedt med jQuery og lytte til PhotoSwipe hendelser - var å kaste opp en & quot; for mye rekursjon & quot; error
• Har måttet endre måten du lytter til hendelser. Bruk & quot; Code.PhotoSwipe.Current.addEventHandler & quot; ikke Code.PhotoSwipe.Current.addEventListener. Dette er relatert til ovennevnte løsning
• Oppgradert til jQuery 1.6.2
• Oppgradert til jQuery Animate Enhanced v0.76

Hva er nytt i versjon 1.0.17:

• Fikset problemer med & quot; events.html & quot; eksempel.

Hva er nytt i versjon 1.0.15:

• Fikset problemer med ny hendelsesbehandling. Tastaturkontroll skal fungere igjen i den ikke-jQuery versjon.
• Lagt endring til en gjenbruk problemet rapportert med jQuery Mobile.
• Igjen, hvis du opplever noen av hendelsesrelaterte problemer / ting ikke avfyring kan gå tilbake til v1.0.13 og rapportere problemet.

Hva er nytt i versjon 1.0.14:

• & quot; Dobbelt trykk & quot; å zoome og panorere rundt et bilde jobber nå i IE9.
• Major omskriving av hvordan hendelser håndteres internt.

Hva er nytt i versjon 1.0.12:.

• Fikset problemer med Chrome 12
• Lagt følgende nye arrangementer & quot; onCaptionEndToolbarShow & quot; og & quot; onCaptionEndToolbarHide & quot;.
• Fikset problem med plasseringen av bildetekst når plassert nederst.
• Arrangementer nå passere målverdien (skal alltid være lik den nåværende forekomst av PhotoSwipe).
• Lagt ny & quot; bruker-meta-data.html & quot; eksempel.
• Oppdatert til jQuery Animate Enhanced v0.75.

Hva er nytt i versjon 1.0.11:

• panorering fart med bilder som er zoomet nå kjører på riktig hastighet .
• Lagt maksimum og minimum av brukerzoominnstillinger.
• Skal nå spille pent om inkludert MooTools.

Krav

• aktivere Javascript på klientsiden