PhotoSwipe

PhotoSwipe bytt författare börjar med version 4.x och är nu i vakande öga Dmitry Semenov en berömd utvecklare känd för många andra vackra UI komponenter som RoyalSlider och Magnific Popup .

Det som från början startade som ett projekt som försöker replikera infödda iPhone bildvisare via JavaScript har utvecklats till en mycket kraftfull olika webbläsare och cross-enhet som stöds fotogalleri och modal baserad bildvisare, speciellt optimerad för användning på mobiler och lyhörd layouter.

Som du förväntar dig att det finns stöd för touch gester, men även en del icke-standardiserade funktioner som sociala medier dela kontroller och även en möjlighet att enkelt ladda ner den ursprungliga bildfilen.

Du hittar också klassiska alternativ för att visa bildtexter tillsammans bilder, nästa / prev knappar, en grundläggande personsökare och en fullskärmsläge.

Bilder kan göras för att passa in i användarens visnings eller så kan alternativt visade på sin rätta upplösning och bildförhållande.

Om du vill visa HTML inne PhotoSwipe s modals, det är möjligt också.

Massor av demos och all dokumentation du behöver medföljer nedladdningspaketet

Vad är nytt i den här versionen.

• Added `mainScrollAnimStart & quot; händelse.
• Fast:
• Fel zoom panoreringspositionen i fullskärmsläge när Sidan bläddras.
• helskärm ikonen inte uppdateras när du byter fullscreen tillstånd.
• Orientering förändring bryter layout om det finns 2 bilder.
• Fel när bild lästs (kan bara visas när låg antal artiklar och vid snabb växling diabilder).
• Problem med RTL layouter.
• fel visas när captionEl. false
• closeOnScroll nu utlöses endast av mushjulet händelser och endast i webbläsare som stöder förändra. Eftersom olika webbläsare utlösa rulla händelse oförutsägbart (under sidan laddas när fält visas, etc.).
• I skrivbordet Safari PhotoSwipe som öppnas på sidan lasten kan nära (orsakad av ovanstående fråga).

Vad är nytt i version 4.0.8:

• Inkom `mainScrollAnimStart & quot; händelse.
• Fast:
• Fel zoom panoreringspositionen i fullskärmsläge när Sidan bläddras.
• helskärm ikonen inte uppdateras när du byter fullscreen tillstånd.
• Orientering förändring bryter layout om det finns 2 bilder.
• Fel när bild lästs (kan bara visas när låg antal artiklar och vid snabb växling diabilder).
• Problem med RTL layouter.
• fel visas när captionEl. false
• closeOnScroll nu utlöses endast av mushjulet händelser och endast i webbläsare som stöder förändra. Eftersom olika webbläsare utlösa rulla händelse oförutsägbart (under sidan laddas när fält visas, etc.).
• I skrivbordet Safari PhotoSwipe som öppnas på sidan lasten kan nära (orsakad av ovanstående fråga).

Vad är nytt i version 4.0.7:

• Inkom `mainScrollAnimStart & quot; händelse.
• Fast:
• Fel zoom panoreringspositionen i fullskärmsläge när Sidan bläddras.
• helskärm ikonen inte uppdateras när du byter fullscreen tillstånd.
• Orientering förändring bryter layout om det finns 2 bilder.
• Fel när bild lästs (kan bara visas när låg antal artiklar och vid snabb växling diabilder).
• Problem med RTL layouter.
• fel visas när captionEl. false
• closeOnScroll nu utlöses endast av mushjulet händelser och endast i webbläsare som stöder förändra. Eftersom olika webbläsare utlösa rulla händelse oförutsägbart (under sidan laddas när fält visas, etc.).
• I skrivbordet Safari PhotoSwipe som öppnas på sidan lasten kan nära (orsakad av ovanstående fråga).

Vad är nytt i version 4.0.6:

• Inkom `mainScrollAnimStart & quot; händelse.
• Fast:
• Fel zoom panoreringspositionen i fullskärmsläge när Sidan bläddras.
• helskärm ikonen inte uppdateras när du byter fullscreen tillstånd.
• Orientering förändring bryter layout om det finns 2 bilder.
• Fel när bild lästs (kan bara visas när låg antal artiklar och vid snabb växling diabilder).
• Problem med RTL layouter.
• fel visas när captionEl. false
• closeOnScroll nu utlöses endast av mushjulet händelser och endast i webbläsare som stöder förändra. Eftersom olika webbläsare utlösa rulla händelse oförutsägbart (under sidan laddas när fält visas, etc.).
• I skrivbordet Safari PhotoSwipe som öppnas på sidan lasten kan nära (orsakad av ovanstående fråga).

Vad är nytt i version 4.0.0:.

• Inkom bower.json fil

Vad är nytt i version 3.0.4:

• Fixat problem med knappar i verktygsfältet när ett galleri har mindre än 3 bilder.

Vad är nytt i version 3.0.3:

• Lagt till nya exempel - 14-tap-image- go-to-url.html.
• Sett till att endast iOS fångar gesthändelser.

Vad är nytt i version 3.0.0:

• flera linjer texter när namnlisten placerad vid botten bör nu fastställas.
• Fixat problem där verktygsfältet och bildtext förblev synlig när du zoomar in och captionAndToolbarAutoHideDelay = 0.
• Uppgraderad till jQuery Mobile 1,0 RC2
• Uppgraderad Code.Util till 1.0.6

Vad är nytt i version 2.1.1:

• Uppgraderade bibliotek tp jQuery 1.6.3, jQueryMobile 1.0 b3, Code.Util 1.0.3
• Två nya exempel: '10 -image-meta-data.html "och '11-Custom-captions.html"
• Fixat problem när man pekar på bakåtknappen eller fly nyckel när du zoomar in
• Fast frågan 112 & 79 rör bilderna inte visar
• Fixat bugg vid stängning PhotoSwipe när användaren har zoomat in på bilden
• Lade till nya händelser: onBeforeZoomPanRotateShow, onZoomPanRotateShow, onBeforeZoomPanRotateHide, onZoomPanRotateHide, onZoomPanRotateTransform
• Bättre hantering när bilderna inte hittas

Vad är nytt i version 2.0.0:

• Att kunna dra och & quot; knäppa & quot; på plats nästa eller föregående bild i stället för att bara dra.
• Grupp uppsättningar av bilder på en sida och köra dem i sin egen instans av PhotoSwipe.
• Konfigurerbar marginal mellan bilderna.
• Ange din egen HTML för verktygsfältet.
• Nästa och tidigare knapparna gå till bild direkt som standard (inga animeringar) .Detta är precis som iOS. Det är naturligtvis konfigurerbar.
• Basic mushjulet stöd för att flytta mellan nästa och föregående bilder.
• Spela bildspel med & quot; ange & quot; nyckel.
• Autostart i bildspelsläge.

Vad är nytt i version 1.0.19:.

• Fixat problem med Util.DOM.removeClass
• Typo i events.html korrigeras.
• Inkom hi-res css dedection som hur jQuery Mobile gör det.

Vad är nytt i version 1.0.18:

• Nu storlek korrekt om din HTML kropp har stoppning på det
• Fast utfärdats med jQuery och lyssna på PhotoSwipe händelser - kastar upp en & quot; för mycket rekursion & quot; fel
• Har haft att ändra hur du lyssna på händelser. Använd & quot; Code.PhotoSwipe.Current.addEventHandler & quot; inte Code.PhotoSwipe.Current.addEventListener. Detta är relaterat till ovanstående fix
• Uppgraderad till jQuery 1.6.2
• Uppgraderad till jQuery Animera Enhanced v0.76

Vad är nytt i version 1.0.17:

• Fixat problem med & quot; events.html & quot; exempel.

Vad är nytt i version 1.0.15:

• Fixat problem med ny händelse handler. Tangentbord kontroll bör fungera igen i den icke-jQuery version.
• Inkom ändring av en återanvändning problem rapporterats jQuery Mobile.
• Återigen, om du upplever någon händelse relaterade frågor / saker som inte skjuter vänligen återgå till v1.0.13 och rapportera problemet.

Vad är nytt i version 1.0.14:

• & quot; Dubbeltryck & quot; för att zooma och panorera runt en bild arbetar nu i IE9.
• Större omskrivning av hur händelser hanteras internt.

Vad är nytt i version 1.0.12:.

• Fixat problem med Chrome 12
• Added följande nya händelser & quot; onCaptionEndToolbarShow & quot; och & quot; onCaptionEndToolbarHide & quot;.
• Fixat problem med läget för bildtext när placeras längst ner.
• Händelser passerar nu målvärde (bör alltid vara lika med aktuella förekomsten av PhotoSwipe).
• Lagt till nya & quot; using-meta-data.html & quot; exempel.
• Uppdaterad till jQuery Animate Enhanced v0.75.

Vad är nytt i version 1.0.11:

• Panning hastighet med zoomade bilder körs nu på rätt hastighet .
• Inkom högsta och lägsta användarzoominställningar.
• Om nu spela fint om inklusive MooTools.

Krav :

• Javascript aktiverat på klientsidan