Kõige populaarsem raamatukogu on Lightbox JavaScript, mida me kasutame juba aastaid lauaarvutite kohta, kuid mitte mobiilplatvormidel.

Ma annan oma teenida 14 Lightboxi pluginad, millel on mobiilplatvormid.

Photoswipe.

Photoswipe - Lihtne, puutetundliku toega ja kõige olulisem modulaarne plugin, mis võimaldab eemaldada mittevajalikud osad, mida ei ole vajalikud. See toimib hästi mobiilsetes brauserites. Saate pilte muuta, liigutades sõrme, nagu oleks see tavaline rakendus, sujuvate üleminekutega.

• Vajalikud raamatukogud: mitte.
• Brauseri toetus: IE8 +, kroom, Firefox, Safari, ooper ja muud mobiilsed brauserid.
• Litsents: MIT-litsents

Suurepärane hüpikakker.

Suurepärane hüpikakker - on teine \u200b\u200bsarnane plugin, mis on kujundatud sama autori poolt Photoswipe, Dmitri Semenovyv. Pluginal on Jquery / Zepto plugin ja sisaldab ka toetust, mis puudub Photoswipe, näiteks: videotoe, kaardid ja Ajax. See on suurepärane alternatiiv neile, kes eelistavad käes rohkem võimalusi.

• Vajalikud raamatukogud: Jquery 1.9.1+ või zepto.js
• Brauseri toetus: IE7 (osaliselt) ,.
• Litsents: MIT-litsents

Swipepebox.

Pühkige jquery plugin mobiilse platvormide sensoorsete žestide toega. Ta toetab lisaks piltidele ka video YouTube'i ja Vimeo video. Swipeboxi on lihtne paigaldada ja selle seadistamise seadistamiseks on mitmeid võimalusi. Ma arvan, et pühkimine on liiga hakitud Lightbox plugin neile, kellel ei ole JavaScripti.

Lightbox bootstrap jaoks

Esialgu ei ole Likebox plugin bootstrapis. Bootstrapi valgusbox parandab selle. Kui kasutate bootstrap, on soovitatav kasutada seda raamatukogu. Plugin on hästi integreeritud bootstrapiga.

• Vajalikud raamatukogud: Jquery ja bootstrap moodul
• Brauseri toetus: IE8 +, kroom, Firefox, Safari ja Opera
• Litsents: GNU litsents

Nivo Lightbox

NIVO Lightbox on paindlik kohandatud sarnane plugin. Mitmesugused võimalused võimaldavad teil muuta välimus. Näiteks: teema, välimuse animatsioon ja navigeerimisliik.

• Vajalikud raamatukogud: JQuery.
• Brauseri toetus:
• Litsents: MIT-litsents

Imagelightbox.

Imagelightbox Simple Lightbox plugin ilma frills. Seda kasutatakse ainult pildi jaoks, seega nimi. Neid ei toetata ühtegi videot ega muid tüüpe. Samuti ei nõuta täiendavat HTML-märgistust; Tag See on piisav. See plugin on lihtne töötada.

• Vajalikud raamatukogud: JQuery.
• Brauseri toetus: IE9 +, kroom, Firefox, Safari ja Opera
• Litsents: Määratlemata

Mini Lightbox

Teine sarnane plugin ilma lisanditeta. Raamatukogu kaalub ainult 2 kilobaiti ja töötab ainult piltidega. See on täiuslik plugin, kui te arendate ainult uusim versioon Brauser ja ei ole vaja toetada video või muid formaate.

• Vajalikud raamatukogud: mitte
• Brauseri toetus: Internet Explorer. 10 +, kroom, Firefox, Safari ja Opera
• Litsents: MIT-litsents

Kergekambrid.

Kergekabad ilus sarnane plugin. Toetab mitmeid animatsiooniliike, näiteks: fade, elastne, suumimine ja kerimine. Lisaks toetab see ka mitmesuguseid meediatüüpe, sealhulgas YouTube'i, HTML-video, SWF ja sisendvormid.

• Vajalikud raamatukogud: Jquery.
• Brauseri toetus: IE9 +, kroom, Firefox, Safari ja Opera
• Litsents: GPL-litsents

Featherlight.

Featherlight Basic plugin, 6 kilobaidi kaalumise probleemivaba arendajatele ja sisaldab ainult kõige vajalikumat. Kui vajate näiteks sarnase efekti, näiteks galeriis olevate piltide rühma jaoks, saate galerii laiendamise lubada. Võite arendada ka oma laienemist plug-in kasutada oma projekte.

• Vajalikud raamatukogud: JQuery.
• Brauseri toetus: IE8 +, kroom, Firefox, Safari ja Opera
• Litsents: MIT-litsents

LightLayer.

LIGHTLAYER lihtne kasutada Somsbox plugin. Plugin toetab palju võimalusi, kohandatud JavaScripti meetodid ja kasutajaüritused. Plugin töötab piltide, video, kaartidega.

• Vajalikud raamatukogud: Jquery.
• Brauseri toetus: IE9 +, kroom, Firefox, Safari ja Opera
• Litsents: MIT-litsents

LightGallery.

LightGallery, teine \u200b\u200bsarnane plugin koos suur kogus funktsioonid. See sisaldab rohkem kui 20 valikut erinevate Lightboxi efektide seadistamiseks.

• Vajalikud raamatukogud: JQuery.
• Brauseri toetus: IE7 +, kroom, Firefox, Safari, ooper, iOS, Android ja Windowsi telefon
• Litsents: MIT-litsents

Vedela

Fluidbox Laseboxi pistik-in töid kujutistega. Sisaldab toetust erinevate ekraanide, sealhulgas ujuva pildi, pildi absoluutse positsiooni, piltide piiride ja hoiused ja galeriid. Samuti on WordPressi plugin.

• Vajalikud raamatukogud: Jquery.
• Brauseri toetus: IE9 +, kroom, Firefox, Safari, Opera
• Litsents: MIT-litsents

Stricks.

Stricks ainulaadne sarnane plugin. Pildi määramise asemel slaidid sarnase värvi moodul koos pildiga küljelt küljele, nii et pilt ei blokeeri kogu sisu. Stricks toetab nii pilte kui ka videot.

• Vajalikud raamatukogud: JQuery.
• Brauseri toetus: IE7 +, kroom, Firefox, Safari, Opera, IOS 5+ ja Android 3 +
• Litsents: Creative Commons By-NC-ND 3.0 litsents

Mitu korda arvusid erinevate pildigaleriide ülevaated, kogusid ulatusliku silmapaistva slaidiseansi ja -plagiinide kogumise. Seal on Piggy Bank ja Lighbox ainult CSS3, ühendamata täiendavaid JS raamatukogud. Aga aeg ei seista ikka veel, kasutajad kasutavad üha enam erinevaid mobiilseadmeid interneti surfamiseks, mis tähendab veebilehtede kohanemisvõimet ja eelkõige fotogaleriide kohanemisvõimet "" muutub üheks prioriteetideks, millele veebidisainerid ja arendajad peaksid pöörama tähelepanu .

Ma esitan veel ühe valiku 15 adaptiivse jquery plug-ins, mis on sõbrad, nagu töölaua brauseritega ja sobivad ideaalselt erinevate mobiilseadmete (sülearvutite, nutitelefonide, tablettide jne ekraanidesse.

Vaadake Demo arendajate saitidel, laadige alla suletud plugin ja looge, looge, loo ...

1. Ilightbox

ilighbox - See on kerge Lightbox-plugin jquery laia valikut erinevat tüüpi failitüübid: pildid, video, flash / swf, ajax sisu, raamid ja sisseehitatud kaardid. See plugin lisab ka sotsiaalsete võrgustike nuppe, mis võimaldab kasutajatel sisu jagada Facebooki, Twitteri või Redditi kaudu. Suurepärane tunnusjoon spectacular slaidiseanss, pildigaleriid ja videoklippide, vaatamise tavapäraste ja täistekraani režiimid.

ilighbox töötab üsna kiiresti ja vaadates mobiilseadmedVeelgi enam, õigesti kuvab töödeldud sisu. Muuhulgas kasutate selle plugina abil saate hõlpsasti rakendada informatsiooniplokkide väljundit modaalse akna tüübi järgi.

• Sõltuvus: JQuery.
• Toetage brausereid: IE7 +, kroom, Firefox, Safari ja Opera
• Litsents: Ja kurat teab seda)))

2. SWIPIPBOX.

Swipepebox. - See on toetusega jquery plugin puutekraanid Mobiilplatvormid. Lisaks piltidele toetab plugin YouTube'i ja Vimeo varjatud videot. Swipebox on mis tahes projektile väga lihtne kinnitada, pluginal on mitmeid intuitiivseid võimalusi selle funktsionaalsuse ja käitumise seadistamiseks. Arendaja veebisaidil on üksikasjalik dokumentatsioon plugina ühendamiseks ja kasutamiseks ilma liigse veeta, kõik on ainult juhul, mistõttu ei ole raske välja selgitada, kus ja miks ma arvan, et see ei ole raske.

• Sõltuvus: JQuery.
• Toetage brausereid: IE9 +, kroom, Safari, Firefox, Opera, IOS4 +, Android ja Windowsi telefon
• Litsents: Ma ei määratlenud, äkki sa oled õnnelik)))

3. Magnificpopup.

Pikka aega, tuntud ja hästi tõestatud sarnane nagu jquery või zepto.js. Plugina autor - Dmitri Semenov, mis on arendaja ja plugin Photoswipe, mis ütleb allpool allpool. Tuleb kujul JQuery / Zepto plugin, on rohkem võimalusi puudub Photoswipe, nagu video tugi, kaardistamine ja Ajax sisu, rakendamise modaalse aknad sisseehitatud vormidega. Kõigi kriteeriumide puhul on see veel üks suurepärane tööriist veebiarendaja. Eraldi on WordPressi jaoks plugin ja seadistamise üksikasjalik dokumentatsioon ja kasutamine. Deluds ainult vene keeles dokumentatsiooni puudumine, nime ja perekonnanime järgi, autor näib olevat vene keel, mitte kunagi mõistnud kahjulikkuse tõttu ega tema tunne kujuteldava teadlikkuse tõttu ja blahist. Noh, okei, kellele see tuleb ohverdada, ei vajuta ka teed ka teed)).

• Sõltuvus: JQUERY 1.9.1+ või ZEPTO.JS
• Toetage brausereid: IE7 (osaliselt), IE8 +, kroom, Firefox, Safari ja Opera
• Litsents: MIT-litsents

4. Photoswipe.

• Sõltuvus: JavaScript või jquery
• Toetage brausereid
• Litsents: MIT-litsents

11. Featherlight.

6 K.bit Lightbox-plugin, enam-vähem Savvy arendajate jaoks on varustatud kõigi kõige vajalikumate funktsioonidega. Lisaks kõigi ühiste sisuliikide toetamisele (tekst, pildid, IFRAME, AJAX) on valikuline ühendus valikuline, samuti saate selle plugina jaoks arendada oma laiendus, mis vastab uue projekti loomisel täielikult teie vajadustele . Nagu kõik see majandus (laienemise arendamine) töötab, ei olnud see eriti tahtlik, kuid need, kes selle plugini sisestavad, mõtlevad)))).

• Sõltuvus: JQuery.
• Toetage brausereid: IE8 +, kroom, Firefox, Safari ja Opera
• Litsents: MIT-litsents

12. LightGallery.

LightGallery. - Multifunktsionaalne sarnane sarnasus lisafunktsioonid. Kaasas rohkem kui 20 valikuid, et seadistada väikseimad valgusaremed. On kõik, hästi või peaaegu kõik)). Täiendav galerii piltide korralikult ehitatud miniatuuridega, navigeerimismenetluste ja miniatuurse kerimisega. Lihtne HTML-märgis järjestamata nimekirja kujul

Kasutades andmete-SRC atribuuti täissuuruses pilte. Sama video YouTube'i ja Vimeo videoga. See tugevalt toetab kõiki video formaate HTML5, MP4, Webm, Ogg ... Animeeritud pisipildid, adaptiivne paigutus mobiilseadme tugi, slaidiefekte ja siledad esinemised, kui pilte lülitamisel ja muu sisu. Välimus on lihtne genereerida ja konfigureerida CSS-i abil. Pre-laadimiseelse pildi ja koodi optimeerimine. Töölaua klaviatuuri navigeerimine ning võime kasutada täiendavaid fondi ikoone. LightGallery. - See on koht, kus tegelik "kombineerub", peamine asi ei ole kaotatud seadete arvukus ja selle plugina ulatuslikke võimalusi.
Need, kes vajavad korralikku liugurit, soovitan pöörata tähelepanu samadele arendajatele.
• Sõltuvus: JQuery.
• Toetage brausereid: IE7 +, kroom, Firefox, Safari, ooper, IOS, Android ja Windows Phone
• Litsents: MIT-litsents



13. Strifjs.

Ebatavaline, ma ütleksin isegi: Ebatavaline rakendamine Lightboxi, täpsemalt, mitte päris tavaline esitus sisu, kui pilt või video, disain sarnaseid, ilmuvad paremal, täites mitte kogu ekraani, vaid ainult peal määratud suurus Täissuuruses pilt või video. Suurte ekraanide puhul on see lähenemine selge, võimaluse leheküljega suhtlemise võimalus jääb. Mobiilseadmete väikeste ekraanide kohta läheb kõik see uuenduslik disain sujuvalt klassikalises valguskasse. Idee on huvitav, vaata demo, võib-olla keegi sisestab sellise loomingulise.

• Sõltuvus: JQuery.
• Toetage brausereid: IE7 +, kroom, Firefox, Safari, Opera, IOS 5+ ja Android 3+
• Litsents: Creative Commons By-NC-ND 3.0 litsents



14. LIGHTLAYER.

Lihtne-to-use Lightbox plugin, mis on hästi kombineeritud koos projektiga ja näeb välja ka hea ekraanil. LightLayer plugin esitleb kontrolli seadete komplekti, näiteks tausta värvi ja selle läbipaistvuse määra muutmine, baasüksuse asukoht, üleminekuefektide valimine avamisel / sulgemisel, funktsioone, mida kasutajad iseseisvalt manipuleerivad. Plugin töötab suurepäraselt väliste veebisaitide sisuga, sisseehitatud videomängijate ja -kaartide sisuga.

• Sõltuvus: JQuery.
• Toetage brausereid: IE9 +, kroom, Firefox, Safari ja Opera
• Litsents: MIT-litsents



15. Fluidbox

FluidBox - Losseboxi plugin ainult piltide jaoks. Igasuguste kujutise kujutamise variatsioonide arv on tõeliselt muljetavaldav. Plugin töötab suurepäraselt kujutistega erinevates kujundustes, kaasa arvatud ujuvad pildid, pilt absoluutse positsioneerimise, piltide ja fotodega raamidega, millel on kaadri abil ja millel on ühekordsed pildid ja kombineeriti galeriisse. Üldiselt, asjata vees valada, et värvida kõik võimalused plugina lühikese vaate ei tööta niikuinii, nii et see on parem vaadata demo, väände, pöörake ja arvan, et see plugin meeldib palju.

• Sõltuvus: JQuery.
• Toetage brausereid: IE9 +, kroom, Firefox, Safari, Opera
• Litsents: MIT-litsents



See on ilmselt kõik! Loodan, et see väike ülevaade aitab teil mõista kavandatavate veebiarendustoodete kuhja. Ma tahan märkida, et mitte kõik pluginad, mis on esitatud tööprojektides kasutatavate pluginate valimisel, enamik neist tõestasid katsekohtade või lachaki puhul, nii et kui tekib küsimusi, tõenäoliselt lahendame need kokku ja koos, Nagu alati kõik meiega töötavad.

Kas otsite oma eesmärkide jaoks sobivat venestatud malli? Tõenäoliselt, sel juhul peaksite külastama Templatemonster Markeples. Lihtsas põhjusel, et hiljuti ilmutati saidil uus malli osa. Nüüd saab iga kasutaja tutvuda kogumisega, mis uuendab ja uuendab. Template tekstid kirjutati käsitsi. Kuid see ei ole nende valmis lahenduste ainus pluss. Lõppude lõpuks, nende pakendites saate leida kõike, mis hõlbustab tööd veebipõhise projekti arendamise hõlbustamiseks, kaasa arvatud visuaalne toimetaja.

Kogu austusega, Andrew

Kaks individuaalset pilti



Neli pildi komplekti.



Alustamine.

Laadige GitHub vabastab lehel uusima vabastamise (või mõni eelmine) zip.

Või paigaldada kasutades NPM:

NPM installige Lightbox22 -Save

Avage zip-fail ja võtke paljaböödel Peek, töönäide, mis kuulub / näited kausta.

1. Kas olete valmis oma lehele valgustuskastit üles seadma? Alusta, kaasa arvatud Lightbox CSS ja JavaScript. Saate haarata mõlemad need failid Dist-kaustast.

   • Lisage oma lehe ülaosas CSS-i Tag:
   • Kaasa JavaScript teie lehe allosas enne sulgemist Tag:

2. Veenduge, et ka jquery, mis on vajalik Lightboxiga, on ka laaditud.

   • Kui te juba kasutate Jquery oma laaditud enne Lightbox.js. JQuery 1.7 või suurem on vaja.
   • Kui te ei kasuta praegu JQuery't, sisaldab i "ve loonud pakendatud faili tat nii Lightboxi kui ka jquery. Kaasa Doll / JS / Lightbox-Plus-Jquery.js Lightbox.js asemel.
3. Veenduge, et neli pilti laaditud Lightbox.CSS on õiges kohas. Kausta saate pilte ära võtta.

Alusta HTML-iga.

• Ühe pilte. Lightboxi lubamiseks lisage andmevalgustuskummi atribuut mis tahes pildilingile. Atribuudi väärtuse jaoks kasutage iga pildi jaoks ainulaadset nime. Näiteks: Valikuline:
  • Lisage andmeliitu atribuut, kui soovite esitada pealdis.
  • Lisage andme-ALT atribuut Kui soovite määrata seotud pildi alt atribuudi.
• Pildi komplektid. Kui teil on grupp seotud pilte, mida soovite kombineerida komplekti, kasutage sama andme-valguskastiku atribuutide väärtust kõigi piltide jaoks. Näiteks:

Valikud.

Kui soovite muuta mis tahes vaikevalikuid, helistage valikumeetodile.

Valikuvõimalus	Vaikimisi.	Kirjeldus.
alatihoonataVontevices.	vale	Kui tõsi, vasakul ja paremal navigeerimisnoole, mis ilmuvad hiirega hover vaatamise pildikomplektide alati nähtav seadmeid, mis toetavad puudutust.
albumlabel	"Image% 1% 2"	Teksti kuvatakse pealkirja allpool pildikomplekti vaatamisel. Vaikimisi tekst näitab praegust pildi numbrit ja komplekti piltide koguarvu.
keelata.	vale	Kui tõsi, ära leht kerimise ajal, kui Lightbox on avatud. See toimib organismis peidetud seadete ülevoolu.
fadeduration.	600	Aeg, mis kulub tuumakonteineri ja ülekatte jaoks, et tuhmuda sisse ja välja, millisekunditesse.
fitimagesinViewport	tõsi.	Kui tõsi, muutke kujutisi, mis ulatuvad väljaspool vaatepordi, nii et see sobib selle sees. See salvestab kasutaja, et peate kogu pildi vaatamiseks liikuma.
imageFaddeDuration.	600	Aeg, mis kulub pildile, et tuhmuda kord koormatud, millisekundites.
maxwidth.		Kui see on määratud, piirdub pildi laius selle numbriga pikslites. Kuva suhe ei säilitata.
maxheight		Kui see on määratud, piirdub pildi kõrgus selle numbriga pikslites. Kuva suhe ei säilitata.
positsioonifromtop.	50	Vahemaa vaateposport, et valgusboksi konteiner ilmub pikslites.
ümbereiseerumine	700	Aeg, mis kulub Lightboxi konteinerile selle laiuse ja kõrguse animeerimiseks, kui üleminek erineva suurusega piltide vahel, millisekundites.
showimageNumberlabel.	tõsi.	Kui vale, tekst, mis näitab praegust pildi numbrit ja koguarvute arv komplekti (nt pildi 2 of 4) on peidetud.
wrapartled.	vale	Kui tõsi, kui kasutaja jõuab viimase Isar ilmub ja õige navigeerimisnoole ilmub ja saab jätkata liikumist edasi, mis võtab need tagasi esimese pildi komplekti.

Brauseri toetus

Lightbox2 on edukalt testitud järgmistes brauserites:

• Internet Explorer.
  Lightbox-Plus-Jquery.js fail sisaldab JQuery V2.x ja toetab IE 9+. Kui soovite toetada IE 6, 7 ja 8, kasutage omaenda JQuery v1.xi koopiat Lightbox.js'iga.
• Chrome.
• Safari.
• Firefox.
• iOS Safari.
• iose kroom.
• Android brauser.
• Android Chrome.

Litsents.

• 100% tasuta. Lightbox on tasuta kasutada nii kaubanduslikku kui ka mittekaubanduslikku tööd.
• Omistamine on vajalik.See tähendab, et peate oma nime, koduleheküljele lingi ja litsentsiinfo lahkuma puutumata. Ükski neist toodetest ei pea olema kasutaja poole ja kes võivad koodi alla jääda.

Abi.

Kas teil on küsimus, kuidas kasutada Lightboxi?

Abi saamiseks järgige allolevaid samme. Veenduge, et olete sellel lehel dokumentatsiooni lugenud ja vaadates kaasasolevat eeskuju.

1. Otsi stacroverflowist, et näha, kas Otter Inimesed on sattunud samasse probleemi.
2. Kui teie probleem on ainulaadne, seejärel postitage uus küsimus stackoverflowis. Kasutage Lightbox2 tag.

Ärge kasutage GitHubi küsimusi, et teatada isiklikest tugi taotlustest.

Leidis vea?

Kui leiate vea, järgige sissemaksete juhiseid selle küsimuse esitamiseks.

Skript korraldab pilte vaatamise pop-up aknas. Vaade saab korraldada kas ühe pildi või galerii abil, hüpikakenis SRAING-pilte.
Lihtsaim ja kiireim skript on paigaldatud. Paigaldatud ja konfigureeritud sõna otseses mõttes mõne minuti pärast.

Kuidas paigaldada Lightboxi

Laadige alla arhiiv, lahtipakkimine ja allalaadimine server.
Seejärel kinnitage skript saidile. Sisse hTML-kood Leheküljed määravad koodi




Ja viimane samm. Pildi kuvamine.
Pildi väljund teeb seda


Standardne väljundkood väikese pildi ja linkide suurele pildile lisatakse lingile ainult kaks parameetrit.
Siin on näide selle koodi - kui klõpsates pildil ilmub suur pilt.

Sellise mõju vastab parameetrile andme-Lightbox \u003d "Pilt".
Kui teil on lehel palju pilte, saate pilte avamise ilma pop-up aknasse sirvida ja pilte ühendada ja nad liiguvad läbi pop-up akna.
Et kombineerida pilte pead kasutama ühe nime iga grupi pilte.






Nagu näete, kõik pildid saab kerida pop-up aken, sest andmete-Lightbox Igaühel on sama.
Kui soovite jagada pilte, et nad ei hajuda, kasutage seda koodi.







Nüüd avaneb iga pilt eraldi, st ei ole võimalust nihkuda järgmisele.

Mis on uuendatud versioonis

Pildi suurendamine nupp reaalse suurusega. Te näete seda kõigis näidetes. Sisse algversioon Ta ei ole
Skriptis ise on olemas seade, saate selle nupu välja lülitada.

Ja teine \u200b\u200bpaar, kes vajavad vajalikku lisamist, välja arvatud piltide kahekordsed.
Vaikimisi on välja lülitatud, saate lubada otse skripti, kus tegelik suurus nupp on sisse lülitatud.
Tavalise rakenduse skripti see funktsioon Ainult kahju, seda on võimalik kasutada ainult väga lootusetutes olukordades.





Märkus, kolm linki on tühjad, see tähendab, et nad viitavad suuretele piltidele, kuid silte vahel ei ole midagi ja üks link on täis pildiga.
Selle tulemusena on brauseris ainult üks pilt, kui klõpsate sellel, avab see suure pildi ja kõik tühjade linkide pildid pingutatakse ja saate klappida.
Ja siin, vaadake, lingides on kaks sama pilte(Tõstetud punaselt) ja kui lehtkoosi, näete kahte identset pilti.
Kui betoonist näites pöörake kahekordse eemaldamise, siis ei saa pilte dubleerida.

Muidugi ei tohiks olla sellist olukorda, miks kanda kaks identset pilti ja seejärel kustutada need. Aga kummaline, ma jooksin sellisesse olukorda, dubleerivad pildid ühes e-poe toodanguks (skriptide kaudu pilte asendab pilte) ja valgustuskastide vaatamise ajal vaatasid pilte dubleerimine väga valesti. See tuli kahekordse topelt eemaldamisel.

Kommentaarid

11.12.2014 Victor
Skript on väga hea. Andmete pealkirja abil saate isegi pilti kirjeldada. Aga mul oli probleem, olin lehel seisnud skripti, mis pani seadme küljele, kui see skript on ühendatud, kaob see. Ja see kaob, kui JS skriptid on ühendatud. Ma arvasin, et konflikti versioon ei ole nende tõttu.

05/23/2015 Victor
Ma ei tööta, kui
href \u003d "http://ikk.secrieru.ru/products/gallery/000039.jpg?ver\u003d20150523142822"
Sellel on selline. Ilma? Ver \u003d 20150523142822
töötama

05/25/2015 Kaha.
Tänud.

06/29/2015 Andrey
Suur tänu teie töö eest! Kõik on teeninud peaaegu esimest korda)

08/26/2015 Alexander
Üritasin erinevaid analooge. Konfliktimata ei ole see kohe muutunud. Päritolu suurenemine. Suurus soolestik. Kui on ikka hiirt, et võtta ja liikuda põllu pilte - üldiselt Kapets

11/01/2015 IGOR
Tere!
Suurepärane galerii. Tänan sind väga.
Ainult selline küsimus:
Ülaltoodud näites kuvatakse pildi näited (3 pilti) silmustunud. Ja Lightbox-2.7.1 allalaaditud versioonis ei tööta see funktsioon. Viimase pildi vaatamisel ei ilmu nupp järgmine.
Ütle mulle, palun, mis võiks olla põhjus?

11/14/2015 Anton


11/15/2015 Anton
On iOS ja Android tumenemine ekraani mitte kogu leheküljel !!! Mis võiks olla probleem. Tavaline nagu näiteks on kõik korras!

11/15/2015 Anton
On iOS ja Android tumenemine ekraani mitte kogu leheküljel !!! Mis võiks olla probleem. Tavaline nagu näiteks on kõik korras!

03/30/2016 Anton
Tere!
Kas on võimalik seda teha nii, et pilt on avanud suuremas resolutsioonis?

11/18/2016 JURA
Tänud! Kõik toimib ideaalselt!

05/04/2017 IGOR
Tänan teid skripti jaoks nii palju! Väga ammu, ma otsisin midagi sarnast ja kergesti paigaldatud.
Ainult mingil põhjusel mul on arusaamatu kirjed ilmuvad pilte. · РѕР ± С Р ° РёР · 8

Võib-olla kusagil peate kodeeringu parandama?

09/12/2017 Barsuk.
Kus sa olid varem! Veetsin kogu päeva, et kinnitada kahekordse eemaldamise)

Mul on lihtsalt pealeht Peamise kujutise eeldus ja ta on allosas, seal on veelgi väiksem kui täiendava täiendava serva tõenäosusega tekkinud duplicas ja galeriis.

On tõesti tore, et meil on juurdepääs üha uute veebitehnoloogiate juurde, mille abil meie töö on palju lihtsam. Model Windows - funktsionaalne element Näita mis tahes tüüpi HTML-CONTAment, keskendudes luua mugav disain ja liidese.

Selles ülevaates oleme kogunud nimekirja JQuery raamatukogudest ja skriptidest, et luua Lightboxi, mis aitab arendajad ja disainerid luua isegi paremaid ja professionaalseid veebisaite.

Saate hõlpsasti lisada skripte allpool saidile. Seetõttu läheme ilma edasiste eelisteta teema ja kaalume neid sarnaseid super jquery-bobliteid, mida saate oma arsenali täiendada.

1. Photoswipe.

PhotosWipe on HTML-fotogalerii cSS-i põhinev Ja JavaScripti orienteeritud mobiilseadmetele. Autorid oma arendamisel võttis valimisi näidis teenuste vaatamise pilte iOS ja Google'i mobiilseadmetele. Photoswipe on tuttav ja intuitiivne arusaadav liidesMis muudab mobiilse veebisaidi piltidega töötamise lihtsamaks.

Toetatakse kõiki peamisi funktsioone: mine järgmisele või eelmisele pildile, suurendada, lohistades, vähendades või sulgemist ja teisi.

2. SWIPIPBOX.

Pühkige - jquery -plagin jaoks statsionaarsed arvutid, nutitelefonid ja tabletid. See toetab sensoorne juhtimine Mobiilseadmete jaoks on töölaua seadmete klaviatuuri navigeerimine, CSS-üleminekud varukoopiale üleminekuks Jquery Control-ile üleminek on üsna lihtne seadistada.

Plugin testiti Chrome, Safari, Firefoxi, Opera, Internet Explorer 8 +, IOS4 +, Android, Windowsi telefonis. Toodetud MIT-litsentsi all.

3. Ilightbox.

ilightbox muudab väga ilusa kohanemise loomise lihtsaks model WindowsKasutades jquery. Kombineerides paljude meediasisu toetust suurepäraste nahkade ja mugava API-ga, Ilightbox soovib teha võimalikult ideaalseks ideaalseks. Ilightbox annab võimaluse vaadata täisekraanirežiim, Võrkkesta-nahad, sensoorne juhtimine, YouTube ja Vimeo integratsiooni võimalus HTML5 video, võimas JavaScript API jaoks. Pluginal on vaba toe ja värskenduse versioonid.

4. Image Lightbox

Image Lightbox on minimalistlik, laiendatav ja kohandatav plug-in iOS, Android ja Windowsi telefonis. Järgmise pildi saate lihtsalt alla laadida klaviatuuriga tänu CSS-i transformatsioonide ja üleminekute kasutamisele.

5. Suurepärane hüpikakker.

Suurepärane hüpikakker on tasuta adaptiivne jquery. Plugin, mis keskendub kasutaja ja seadme parima vastastikuse interaktsiooni tagamisele. Enamiku Lightbox -Plagiinide puhul peate määrama akna suuruse JS-i. Suurepärase hüpikakna abil saate kasutada suhteliseid mõõtühikuid, näiteks em või muuta Lightboxi suurust CSS-meedia taotluste abil.

6. NIVO Lightbox

NIVO Lightbox on paindlik Lightbox -plagin. Erinevaid võimalusi pakutakse valida, millega saate hõlpsasti muuta valguse välimust. Näiteks muutke teema, üleminekumõju ja navigeerimismeetodit.

7. Karbid.

Kergekomplekt - paindlik, adaptiivne ja laiendatav Lightbox -plagin, mis on kujundatud kasutades jquery. . See toimib suurepäraselt kõigis populaarsetes brauserites, nagu Internet Explorer 7+, Firefox, Opera, Webkit ja teised. Plugin toetab foto, video, HTML5-video, IFRAME, SWF ja AJAX.

8. Lightlayer.js.

Lightlayer on adaptiivse valguse väljastamise skript, mis toimib hästi teiste osadega mis tahes ekraanil. Seda skripti on tõesti väga lihtne kasutada. LIGHTLAYER pakub kontrolli parameetrite komplekti üle: tausta värvi ja läbipaistmatuse, asendi valgustuskast, üleminekute avamine / sulgemine ja paljud teised kohandatud funktsioonid.

9. Stripp.js.

Riba on Lightbox, mis avaneb ainult lehe osal. See muudab selle vähem obsessiivseks ja võimaldab teil suhelda teiste suurte ekraanide lehe teiste elementidega; Lightboxil on mobiilseadmetel klassikaline välimus. Riba kasutab jquery ja seda toetatakse kõigis suuremates brauserites.

10. Fluidbox

Fluidbox on jquery plugin, mis on ette nähtud UNSOBTUSTIVE, Adaptilise Lightboxi rakendamiseks, mis sobib ideaalselt suurepärase eraldusvõimega piltidele. See töötab mobiilseadmetes suurepäraselt ja seda saab rakendada ka ekraanil kõrgresolutsiooniga Ilusa pildi väljundi jaoks.

11. Featherlight.

Featherlight - väga kerge plugin 400 javaScripti read , 100 rOWS CSS ja vähem kui 6kb. Intelligentne, adaptiivne Lightbox, vaikimisi toetab pilte, Ajaxi ja Iframe. Te saate selle kohandada ka teie ülesannetega. Featheright töötab IE8 +, kõik kaasaegsed brauserid ja mobiilsed platvormid.

12. Jalb.

Yalb dekrüpteeritakse teise valgustuskastina ( Veel üks. Lightbox) - Aga see ei ole. Yalbis on suur hulk liideseid, kaasa arvatud kasutajaüritused, mis võimaldavad tal määrata selle tingimuse ( avatud, suletud).