Am revizuit de multe ori diverse galerii de imagini și am adunat o colecție extinsă de prezentări de diapozitive și plugin-uri spectaculoase. Lightbox este, de asemenea, disponibil exclusiv pe CSS3, fără a conecta biblioteci js suplimentare. Dar timpul nu stă pe loc, utilizatorii folosesc din ce în ce mai mult diverse dispozitive mobile pentru a naviga pe internet, ceea ce înseamnă că adaptabilitatea elementelor web și în special a galeriilor foto cu efectul „” devine una dintre prioritățile cărora designerii și dezvoltatorii web ar trebui să le acorde atenție. la.
Vă prezint o altă selecție de 15 plugin-uri jQuery adaptive care sunt prietenoase atât cu browserele desktop și se potrivesc perfect pe ecranele diverselor dispozitive mobile (laptop-uri, smartphone-uri, tablete etc.).
Urmăriți demo-ul de pe site-urile dezvoltatorilor, descărcați pluginul care vă place și creați, creați, creați...
1. iLightboxiLighbox este un plugin jQuery Lightbox ușor, cu suport pentru o gamă largă de tipuri de fișiere diferite: imagini, videoclipuri, conținut Flash/SWF, Ajax, cadre și hărți inline. Acest plugin adaugă și butoane pentru rețelele sociale, permițând utilizatorilor să partajeze conținut prin Facebook, Twitter sau Reddit. O oportunitate excelentă de a organiza prezentări de diapozitive, galerii de imagini și videoclipuri spectaculoase, cu vizionare în modurile normal și ecran complet.
iLighbox funcționează destul de repede și atunci când este vizualizat pe dispozitive mobile, afișează mai mult decât corect conținutul procesat. Printre altele, folosind acest plugin, puteți implementa cu ușurință afișarea blocurilor de informații ca o fereastră modală.
- Dependență: jQuery
- Suport browser: IE7+, Chrome, Firefox, Safari și Opera
- Licență: Diavolul știe)))
Swipebox este un plugin JQuery cu suport pentru ecrane tactile pe platformele mobile. Pe lângă imagini, pluginul acceptă videoclipuri încorporate de pe Youtube și Vimeo. Swipebox este foarte ușor de atașat la orice proiect, pluginul are mai multe opțiuni intuitive pentru personalizarea funcționalității și comportamentului acestuia. Site-ul web al dezvoltatorului are documentație detaliată despre conectarea și utilizarea pluginului, fără pufuri inutile, totul este exact la obiect, așa că cred că nu va fi dificil să-mi dau seama ce, unde și de ce.
- Dependență: jQuery
- Suport browser: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android și Windows Phone
- Licență: nedeterminată, poate vei avea noroc)))
Un plugin lightbox cunoscut și bine dovedit bazat pe jQuery sau Zepto.js. Autorul pluginului este Dmitry Semenov, care este și dezvoltatorul pluginului PhotoSwipe, despre care voi vorbi mai jos. Livrat ca un plugin jQuery/Zepto, are funcții mai avansate care nu se găsesc în PhotoSwipe, cum ar fi suport video, afișare de hărți și conținut Ajax, implementare de ferestre modale cu formulare încorporate. După toate criteriile, acesta este un alt instrument grozav pentru un dezvoltator web. Există un plugin separat pentru WordPress și documentație detaliată despre configurare și utilizare. Singurul lucru deprimant este lipsa documentației în limba rusă, judecând după nume și prenume, autorul pare a fi rus, nu a înțeles niciodată dacă a fost dăunător, sau din cauza unei conștiințe imaginare a propriei sale sofisticari, dar bla. Ei bine, bine, cine trebuie să-și dea seama, nici noi nu am fiert ceaiul fiert moale))).
- Dependență: jQuery 1.9.1+ sau Zepto.js
- Suport browser: IE7 (parțial), IE8+, Chrome, Firefox, Safari și Opera
- Licență: licență MIT
- Dependență: Javascript sau jQuery
- Suport pentru browser
- Licență: licență MIT
Un plugin lightbox de 6 kbit pentru dezvoltatori mai mult sau mai puțin pricepuți, echipat cu toate cele mai necesare funcții. Pe lângă suportul pentru toate tipurile obișnuite de conținut (text, imagini, iframe, Ajax), există posibilitatea de a conecta unul suplimentar și, de asemenea, puteți dezvolta propria extensie pentru acest plugin, care vă va satisface pe deplin nevoile atunci când creați un nou proiect. Cum funcționează toată chestia asta (dezvoltarea extensiilor), nu m-am uitat cu adevărat, dar cei care instalează acest plugin cred că își vor da seama))).
- Dependență: jQuery
- Suport browser: IE8+, Chrome, Firefox, Safari și Opera
- Licență: licență MIT
LightGallery este un plugin lightbox multifuncțional cu multe caracteristici suplimentare. Vine cu peste 20 de opțiuni pentru a personaliza cele mai mici detalii ale Lightbox-ului. Există totul aici, bine, sau aproape totul)). Galerie completă de imagini cu miniaturi bine aranjate, elemente de navigare și derulare a miniaturilor. Markup HTML simplu sub forma unei liste neordonate
- folosind atributul data-src pentru imagini de dimensiune completă. Același lucru este valabil și pentru videoclipurile de pe Youtube și Vimeo. Suport excelent pentru toate formatele video HTML5, MP4, WebM, Ogg... Miniaturi animate, aspect mobil receptiv, efecte de diapozitive și tranziții fluide la comutarea între imagini și alt conținut. Aspectul este ușor de modelat și personalizat folosind CSS. Preîncărcarea imaginii și optimizarea codului. Navigare folosind tastatura pentru desktop, precum și posibilitatea de a utiliza pictograme de font suplimentare. LightGallery este locul în care se află adevărata „combinație”, principalul lucru este să nu vă pierdeți în abundența de setări și capabilități extinse ale acestui plugin.
- Dependență: jQuery
- Suport browser: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android și Windows Phone
- Licență: licență MIT
- Dependență: jQuery
- Suport browser: IE7+, Chrome, Firefox, Safari, Opera, iOS 5+ și Android 3+
- Licență: licență Creative Commons BY-NC-ND 3.0
- Dependență: jQuery
- Suport browser: IE9+, Chrome, Firefox, Safari și Opera
- Licență: licență MIT
- Dependență: jQuery
- Suport browser: IE9+, Chrome, Firefox, Safari, Opera
- Licență: licență MIT
- Biblioteci necesare: niciuna.
- Suport browser: IE8+, Chrome, Firefox, Safari, Opera și alte browsere mobile.
- Licență: Licență MIT
- Biblioteci necesare: JQuery 1.9.1+ sau Zepto.js
- Suport browser: IE7 (parțial), .
- Licență: Licență MIT
- Biblioteci necesare: modulul JQuery și Bootstrap
- Suport browser: IE8+, Chrome, Firefox, Safari și Opera
- Licență: licență GNU
- Biblioteci necesare: JQuery
- Suport browser:
- Licență: Licență MIT
- Biblioteci necesare: JQuery
- Suport browser: IE9+, Chrome, Firefox, Safari și Opera
- Licență: nedefinită
- Biblioteci necesare: nu
- Suport browser: Internet Explorer 10+, Chrome, Firefox, Safari și Opera
- Licență: Licență MIT
- Biblioteci necesare: JQuery
- Suport browser: IE9+, Chrome, Firefox, Safari și Opera
- Licență: licență GPL
- Biblioteci necesare: JQuery
- Suport browser: IE8+, Chrome, Firefox, Safari și Opera
- Licență: Licență MIT
- Biblioteci necesare: JQuery
- Suport browser: IE9+, Chrome, Firefox, Safari și Opera
- Licență: Licență MIT
- Biblioteci necesare: JQuery
- Suport browser: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android și Windows Phone
- Licență: Licență MIT
- Biblioteci necesare: JQuery
- Suport browser: IE9+, Chrome, Firefox, Safari, Opera
- Licență: Licență MIT
- Biblioteci necesare: JQuery
- Suport browser: IE7+, Chrome, Firefox, Safari, Opera, IOS 5+ și Android 3+
- Licență: Creative Commons BY-NC-ND 3.0 License
Pentru cei care au nevoie de un slider decent, recomand să acorde atenție unuia de la aceiași dezvoltatori.
Neobișnuit, aș spune chiar: o implementare neobișnuită a casetei de lumină, sau mai degrabă, o prezentare neobișnuită a conținutului, atunci când o imagine sau un videoclip, în designul casetei de lumină, apare în dreapta, umplând nu întregul ecran, ci doar o dimensiune dată de o imagine sau un videoclip la dimensiune completă. Pe ecranele mari, această abordare este de înțeles, interacțiunea cu pagina rămâne posibilă. Pe micile ecrane ale dispozitivelor mobile, acest întreg design inovator se transformă fără probleme într-o „lightbox” clasică. Ideea este interesantă, uită-te la demo, poate cineva va adăuga o asemenea creativitate.
Un plugin lightbox ușor de utilizat, care merge bine cu orice proiect și, de asemenea, arată bine pe orice ecran. Pluginul LightLayer oferă control asupra multor setări, cum ar fi schimbarea culorii de fundal și a gradului de transparență, poziția blocului de bază, alegerea efectelor de tranziție la deschidere/închidere, funcții pe care utilizatorii le pot manipula independent. Plugin-ul funcționează excelent cu conținut extern de site-uri web, playere video încorporate și hărți.
Fluidbox este un plugin lightbox exclusiv pentru imagini. Numărul de variații posibile în prezentarea imaginii este cu adevărat impresionant. Pluginul funcționează excelent cu imagini într-o varietate de modele, inclusiv imagini plutitoare, imagini cu poziționare absolută, imagini și fotografii înrămate și indentate, cu imagini unice și combinate într-o galerie. În general, este o pierdere de timp, încă nu este posibil să descrii toate capacitățile pluginului într-o scurtă prezentare, așa că este mai bine să urmărești demo-ul, să îl răsuciți, să îl întoarceți și cred că multor oameni le va plăcea acest plugin .
Probabil asta e tot! Sper că această scurtă recenzie vă va ajuta să înțelegeți mulțimea de produse de dezvoltare web oferite. Aș dori să remarc că nu am folosit toate pluginurile prezentate în selecție pe proiecte de lucru, majoritatea le-am testat pe site-uri de testare sau la atelier, așa că, dacă apar întrebări, cel mai probabil le vom rezolva împreună; împreună, ca întotdeauna Vom reuși.
Căutați un șablon rusesc potrivit pentru scopurile dvs.? În acest caz, probabil că ar trebui să vizitați piața TemplateMonster. Din simplul motiv că recent a apărut o nouă secțiune de șabloane pe site. Acum fiecare utilizator se poate familiariza cu colecția, care va fi actualizată și actualizată. Textele pentru șabloane au fost scrise de mână. Dar acesta nu este singurul avantaj al acestor soluții gata făcute. La urma urmei, în pachetele lor puteți găsi tot ceea ce vă va ușura munca la dezvoltarea unui proiect online, inclusiv un editor vizual.
Salutări, Andrei
Cea mai populară bibliotecă este Lightbox Javascript, pe care o folosim de mulți ani pe desktop-uri, dar nu și pe platformele mobile.
Vă prezint 14 plugin-uri Lightbox cu suport pentru platforme mobile.
PhotoSwipePhotoSwipe este un plugin ușor, activat pentru atingere și, cel mai important, modular, care vă permite să eliminați părțile inutile care nu sunt necesare. Funcționează bine în browserele mobile. Poți schimba imaginile cu o glisare cu degetul, ca și cum ar fi o aplicație standard, cu tranziții line.
Magnific Popup este un alt plugin lightbox dezvoltat de același autor ca PhotoSwipe, Dmitry Semenov. Pluginul vine ca un plugin JQuery/Zepto și include, de asemenea, suportul căruia îi lipsește PhotoSwipe, cum ar fi suport video, hărți și Ajax. Aceasta este o alternativă excelentă pentru cei care preferă să aibă mai multe opțiuni la îndemână.
Swipebox este un plugin JQuery cu suport pentru gesturi tactile pentru platformele mobile. De asemenea, acceptă videoclipuri YouTube și Vimeo, pe lângă imagini. Swipebox este ușor de instalat și are mai multe opțiuni pentru a-și personaliza configurarea. Cred că Swipebox este un plugin lightbox prea aglomerat pentru cei care nu cunosc JavaScript.
Lightbox pentru BootstrapInițial, pluginul Lightbox nu este inclus în Bootstrap. Lightbox pentru Bootstrap remediază acest lucru. Dacă utilizați Bootstrap, este foarte recomandat să utilizați această bibliotecă. Pluginul se integrează bine cu Bootstrap.
Nivo Lightbox este un plugin pentru lightbox extrem de personalizabil. O varietate de opțiuni vă permit să schimbați aspectul. De exemplu: tema, animația aspectului și tipul de navigare.
ImageLightbox este un plugin lightbox simplu, fără bibelouri. Este folosit doar în scopuri de imagine, de unde și numele. Nici videoclipurile, nici alte tipuri nu sunt acceptate. De asemenea, nu necesită nici un marcaj HTML suplimentar; etichetă este suficient. Acest plugin este ușor de utilizat.
Un alt plugin lightbox fără suplimente. Biblioteca cântărește doar 2 kiloocteți și funcționează doar cu imagini. Acesta este un plugin ideal dacă dezvoltați doar cea mai recentă versiune a browserului și nu este nevoie să acceptați formate video sau alte formate.
Lightcase este un plugin excelent pentru lightbox. Acceptă mai multe tipuri de animații, cum ar fi: fade, elastic, zoom și scrolling. În plus, acceptă și diverse tipuri de media, inclusiv Youtube Embed, HTML Video, SWF și Input Forms.
Featherlight este un plugin de bază, cântărind 6 kiloocteți pentru dezvoltatorii experimentați și include doar elementele esențiale. Dacă aveți nevoie de un efect lightbox, de exemplu, pentru un grup de imagini dintr-o galerie, puteți activa extensia galeriei. De asemenea, puteți dezvolta propria extensie de plugin pe care să o utilizați în proiectele dvs.
LightLayer este un plugin lightbox ușor de utilizat. Pluginul acceptă multe opțiuni, metode JavaScript personalizate și evenimente personalizate. Pluginul funcționează cu imagini, videoclipuri, hărți.
LightGallery, un alt plugin lightbox cu mai multe funcții. Include mai mult de 20 de opțiuni pentru a personaliza diverse detalii ale efectelor lightbox.
Pluginul Fluidbox lightbox funcționează cu imagini. Include suport pentru diferite afișaje, inclusiv imagini plutitoare, imagini cu poziție absolută, imagini cu chenare și umplutură și galerii. Există și un plugin WordPress.
StripJS este un plugin unic pentru lightbox. În loc să suprapună imaginea, modulul lightbox alunecă cu imaginea dintr-o parte în alta, astfel încât imaginea să nu blocheze tot conținutul. StripJS acceptă atât imagini, cât și videoclipuri.
Dacă întâlniți un site de imagini construit cu jQuery, cel mai probabil va folosi o casetă lightbox. Puterea unei casete luminoase este că poate transforma chiar și o simplă bibliotecă de imagini într-o galerie atractivă și eficientă. Această caracteristică este tocmai motivul pentru popularitatea unor astfel de plugin-uri jQuery în domeniul web designului.
Datorită comunității jQuery, există un număr mare de pluginuri lightbox disponibile, creând opțiuni grozave pentru designerii de imagini. Tutorialul nostru prezintă 15 plugin-uri diferite cărora merită să le acordați atenție.
TopUpTopUp este o bibliotecă JavaScript ușor de utilizat pentru afișarea discretă a imaginilor și a paginilor web. Biblioteca este gestionată prin jQuery și jQuery UI pentru a asigura compatibilitatea și compactitatea între browsere.
Plugin HighslideHighslide este un instrument special pentru vizualizarea imaginilor, media și galerii.
Cutie de culoriMic plugin personalizat pentru jQuery 1.3+.
Lightbox 2 este un script simplu, discret, care este folosit pentru a afișa o imagine într-un strat de suprapunere pe pagina curentă. Este ușor de instalat și funcționează în toate browserele moderne.
prettyPhoto nu acceptă doar imagini, ci și videoclipuri, flash, YouTube și Ajax. Lightbox pentru fișiere media.
Slimbox 2 este o clonă de 4 KB a Lightbox 2, implementată folosind jQuery.
Shadowbox este o aplicație web pentru vizualizarea fișierelor media care acceptă toate formatele populare. Shadowbox este scris în JavaScript și CSS și este foarte personalizabil.
Pirobox Extended V.1.0.Unul dintre avantajele acestui plugin este capacitatea de a deschide orice tip de fișier - de la conținut încorporat la un fișier .swf, de la o imagine simplă la un fișier .pdf.
Alte caracteristici excelente includ redimensionarea automată a imaginii și suportul pentru glisare și plasare.
GreyBox poate fi folosit pentru a afișa site-uri web, imagini și alt conținut.
Super Box este un plugin care afișează ferestre cu efect lightbox.
Scriptul organizează vizualizarea imaginilor într-o fereastră pop-up. Vizualizarea poate fi organizată fie după o singură imagine, fie după o galerie, derulând imaginile într-o fereastră pop-up.
Cel mai simplu și mai rapid script de instalat. Se instalează și se configurează în doar câteva minute.
Apoi, încorporați scriptul în site-ul dvs. web. În codul html al paginii scrieți codul
Și ultimul pas. Ieșirea imaginilor.
Produceți imagini astfel:
Codul standard pentru afișarea unei imagini mici și a unui link către o imagine mare, doar doi parametri sunt adăugați la link.
Iată un exemplu al acestui cod - când faceți clic pe imagine, apare o imagine mare.
Parametrul data-lightbox="image" este responsabil pentru acest efect.
Dacă aveți o mulțime de imagini pe pagină, puteți deschide imaginile fără a derula într-o fereastră pop-up sau puteți combina imagini și acestea vor derula într-o fereastră pop-up.
Pentru a combina imagini, trebuie să folosiți un nume pentru fiecare grup de imagini
După cum puteți vedea, toate imaginile pot fi derulate într-o fereastră pop-up, deoarece caseta de date este aceeași pentru toată lumea.
Dacă doriți să separați imaginile, astfel încât acestea să nu defileze, utilizați un cod ca acesta
Acum fiecare imagine se deschide separat, adică nu există nicio modalitate de a derula la următoarea.
Ce este în versiunea modernizată Buton pentru a mări imaginea la dimensiunea reală. O puteți vedea în toate exemplele. Nu este în versiunea originalăExistă o setare în scriptul în sine, puteți dezactiva acest buton.
Iar a doua completare de care puțini oameni au nevoie este eliminarea imaginilor duplicate.
Este dezactivat implicit, dar îl puteți activa direct în script, în același loc în care este activat butonul de dimensiune reală.
În utilizarea normală a scriptului, această funcție provoacă doar rău, poate fi folosită numai în situații complet fără speranță.
Observați că trei dintre linkuri sunt goale, ceea ce înseamnă că leagă la imagini mari, dar nimic între etichete, iar un link este umplut cu o imagine.
Ca urmare, doar o singură imagine este vizibilă în browser când faceți clic pe ea, se deschide o imagine mai mare și toate imaginile din linkurile goale sunt trase în sus și puteți derula prin ea.
Și uite aici, în linkuri sunt două imagini identice (evidențiate cu roșu) și când vei derula, vei vedea două imagini identice.
Dacă într-un exemplu specific activați eliminarea duplicatelor, atunci nu vor exista imagini duplicate.
Desigur, o astfel de situație nu ar trebui să existe, de ce să afișați două imagini identice și apoi să le ștergeți. Dar, destul de ciudat, m-am confruntat cu această situație: într-un magazin online, fotografiile duplicate trebuiau să fie afișate pentru un produs (au fost înlocuiri inteligente de fotografii prin scripturi), iar când erau vizualizate prin lightbox, fotografiile duplicate arătau foarte greșit. Aici este utilă eliminarea duplicatelor.
Comentarii
12.11.2014 Victor
Scenariul este foarte bun. Puteți chiar descrie o imagine folosind data-title. Dar am avut o problemă, am avut un script pe pagină care a împins un bloc în lateral când am conectat acest script, a dispărut. Mai mult, dispare dacă sunt conectate scripturi js. Am crezut că este conflictual din cauza versiunii, dar nu din cauza lor.
23.05.2015 Victor
Nu merge pentru mine când
href="http://ikk.secrieru.ru/products/Gallery/000039.jpg?ver=20150523142822"
arata asa. Fără?ver=20150523142822
fabrică
25.05.2015 kaha
Mulţumesc mult
29.06.2015 Andrei
Vă mulțumesc foarte mult pentru munca dvs.! Totul a funcționat aproape prima dată)
26.08.2015 Alexandru
Am încercat diferiți analogi. Acesta a devenit imediat fără conflicte. crește la original dimensiunea este intestin Dacă aș folosi mouse-ul pentru a lua și a muta câmpul imaginii, ar fi o mizerie completă
01.11.2015 Igor
Buna ziua!
Super galerie. Mulţumesc mult.
Doar aceasta intrebare:
În exemplul de mai sus (3 imagini), imaginile sunt afișate în buclă. Dar în versiunea descărcată a lightbox-2.7.1 această funcție nu funcționează. La vizualizarea ultimei imagini, butonul nu mai apare.
Spune-mi, te rog, care ar putea fi motivul?
14.11.2015 Anton
15.11.2015 Anton
Pe IOS și Android, estomparea ecranului nu acoperă întreaga pagină!!! care ar putea fi problema. Într-un LightBox obișnuit - totul este OK!
15.11.2015 Anton
Pe IOS și Android, estomparea ecranului nu acoperă întreaga pagină!!! care ar putea fi problema. Într-un LightBox obișnuit - totul este OK!
30.03.2016 Anton
Buna ziua!
Este posibil să deschideți imaginea la o rezoluție mai mare?
18.11.2016 Yura
Mulţumesc mult! Totul funcționează grozav!
05.04.2017 Igor
Mulțumesc foarte mult pentru scenariu! Caut ceva asemanator si usor de instalat de mult timp.
Numai dintr-un motiv oarecare sub fotografiile mele apar inscripții ciudate
Poate codarea trebuie corectată undeva?
09.12.2017 Barsuk
Unde ai fost înainte? Mi-am petrecut toată ziua încercând să-mi dau seama cum să elimin duplicatele))
Am doar o previzualizare a imaginii principale pe pagina principală, iar în partea de jos există previzualizări și mai mici ale altora suplimentare, din această cauză au existat duplicate în galerie.
Pluginurile Lightbox pentru WordPress vă permit să utilizați o fereastră pop-up pe site-ul dvs. pentru a afișa imagini în partea de sus a paginii curente. Ele pot fi folosite pentru a crea site-uri web frumoase.
Aceste pluginuri jQuery sunt folosite pentru a adăuga ferestre pop-up pe site-ul dvs. Când faceți clic pe orice imagine din galeria de diapozitive, acea imagine se deschide într-o fereastră pop-up împreună cu butoanele următor, precedent și închidere. Astfel de pluginuri sunt un instrument foarte puternic pentru orice designer și dezvoltator web, deoarece ajută la obținerea unor efecte foarte frumoase care conferă unui site web obișnuit un aspect spectaculos și atractiv. Pentru a utiliza pluginul jQuery, aveți nevoie de cunoștințe de bază despre JavaScript și jQuery. Dacă nu cunoașteți elementele de bază, citiți descrierea pluginului și urmați instrucțiunile. În fiecare an, există multe plugin-uri jQuery noi care vă ajută să creați site-uri web frumoase. Aceste Pluginuri jQuery au caracteristici uimitoare și multe caracteristici noi.
Cele mai bune pluginuri JQuery lightbox pentru WordPressÎn acest articol am dori să vă prezentăm o listă cu unele dintre cele mai bune și utile Pluginuri pop-up JQuery pentru 2015, care vă poate ajuta să creați site-uri web frumoase și atractive.
Galeria Lightbox SliderLightbox Slider Gallery este o galerie jQuery ușor de gestionat, care economisește spațiu, care afișează imagini și videoclipuri.
WP jQuery LightboxWP jQuery Lightbox este un plugin de tip pop-up jQuery simplu și ușor. Are tranziții CSS3 pentru efecte de netezire și dimensiuni gestionabile ale imaginii. Îmbunătățit pentru dispozitivele mobile.
Lightbox Gallery este un expert gratuit care vă va ajuta să creați cu ușurință galerii de imagini pop-up cu efecte de suprapunere uimitoare în câteva clicuri, fără o singură linie de cod.
FancyBox ușoarăEasy FancyBox este un instrument pentru afișarea imaginilor, conținutului html și multimedia într-un stil lightbox Macintosh, care apare în partea de sus a unei pagini web.
casetă luminoasăLightbox este un plugin pop-up receptiv și ușor de utilizat. Acest plugin jQuery este foarte ușor de utilizat și nu are caracteristici inutile.
FooBox Imagine LightboxFooBox Image Lightbox - Folosit pentru a crea o galerie de imagini într-o fereastră pop-up pur și simplu ca glisoare „încorporate”. Un plugin jQuery foarte receptiv, care funcționează la fel de bine pe un monitor mare, precum și pe o tabletă sau smartphone.
Lightbox Plus ColorboxLightbox Plus Colorbox este un plugin jQuery ușor, personalizabil. Compatibil cu jQuery 1.3.2+ în browserele Firefox, Safari, Chrome, Opera, Internet Explorer 7+.
Royal PrettyPhotoRoyal PrettyPhoto este un alt plugin pop-up jQuery potrivit pentru imagini, conținut încorporat, iFrame, hărți Google, solicitări Ajax, videoclipuri Vimeo și YouTube.
Responsive Lightbox de la dFactory este un plugin jQuery pop-up fluid, puternic și revoluționar care va aduce beneficii designerilor și dezvoltatorilor web ambițioși și creativi.
Swipebox ușorEasy Swipebox este un plugin jQuery pentru desktop, mobil și tablete. Acesta este un plugin jQuery ușor de utilizat.
Popup magnificMagnific Popup este un plugin de tip pop-up jQuery responsiv, axat pe oferirea celei mai bune experiențe de utilizare pe orice dispozitiv (compatibil Zepto.js).
Caseta luminoasă 2Lightbox 2 este o mică bibliotecă JavaScript folosită pentru a afișa imagini în partea de sus a paginii curente. Este ușor de instalat și funcționează cu toate browserele moderne.