Galerie lightbox receptivă. Utilizarea jQuery Lightbox pentru o galerie foto. Instalarea galeriei foto LightBox2

Acest articol conține cel mai bun jQuery Plugin Lightbox care vă vor ajuta să creați site-uri web frumoase.

Aceste pluginuri jQuery sunt folosite pentru a adăuga ferestre pop-up pe site-ul dvs. Astfel de pluginuri sunt foarte instrument puternic pentru orice designer și dezvoltator web, deoarece ajută la realizarea foarte mult efecte frumoase, oferind 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.

LightZoom

Voi începe cu un plugin pe care l-am scris - . Puteți vedea cum funcționează pluginul în acest articol - toate imaginile se pot face clic. Scopul meu atunci când l-am dezvoltat a fost să fac o casetă de lumină simplă doar cu imagini, fără efecte de prezentare etc.

Ușor, activat pentru atingere și, cel mai important, un plugin modular care vă permite să eliminați părțile inutile care nu sunt necesare. Funcționează bine în browsere mobile. Puteți schimba imaginile cu o glisare a degetului ca și cum ar fi aplicație standard, cu tranziții line.

Lightbox pentru Bootstrap

Inițial, pluginul lightbox nu este disponibil în Bootstrap. o repară. Dacă utilizați Bootstrap, este recomandat să utilizați această bibliotecă. Pluginul se integrează bine cu Bootstrap.

Bandă

Strip 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. Strip acceptă atât imagini, cât și videoclipuri.

- Asta Bibliotecă JavaScript pentru a crea galerii adaptive lightbox. Ușoare și compatibile cu versiunea mobilă, este ușor de personalizat și utilizat tranziții netede imagini în CSS3.

Rebox

Rebox este un lightbox foarte ușor și rapid pentru conținut. În principal, desigur, pentru imagini. Pentru a inițializa pluginul, trebuie doar să conectați biblioteca JS și CSS.

Excelent plugin lightbox. Acceptă mai multe tipuri de animații, cum ar fi: fade, elastic, zoom și scrolling. În plus, suportă și diverse tipuri media, inclusiv Youtube Embed, video HTML, SWF și formulare de intrare.

LightGallery

LightGallery este un plugin jQuery extrem de personalizabil pentru creare galerie adaptivă. Are absolut tot ce ai nevoie: vizualizare într-o casetă luminoasă, prezentare de diapozitive, zoom pe tot ecranul, previzualizări. De asemenea, utilizatorul care vizualizează galeria poate descărca imediat poza.

Spre deosebire de unii dintre frații săi din industrie, nu este o combină pentru a afișa ceva într-o fereastră pop-up. Pluginul a fost creat și funcționează numai în scopul de a afișa imagini – atât unice, cât și ca parte a unui set (galerie), dar acest lucru nu îl face mai puțin atractiv.

Pluginul jQuery Lightbox

Pluginul jQuery LightBox este simplu, elegant, discret, nu necesită markup suplimentar și este folosit pentru a suprapune imagini pe pagina curentă datorită puterii și flexibilității selectorului jQuery.

Vă permite să creați casete de dialogîn stilul facebook, în timp ce este permisă crearea de casete de dialog cu plasare în ele text simplu unele elemente, imagini, pagini ajax.

Folosit pentru a crea galerii foto și pentru a afișa alt conținut în ferestre modale frumoase. Dacă intenționați să aveți o galerie foto pe site-ul dvs. și să plasați conținut în ferestre modale, atunci acordați atenție acestui script.

Destul de ușor, poate redimensiona imaginile pentru a se potrivi cu dimensiunea ferestrei și este ușor de configurat.

ImageLightbox.js este o casetă lightbox numai pentru imagini, nu video, text și cadre în același timp. În mod implicit, nu există antete, butoane de navigare sau fundal.

Este un jQuery UI mediabox care este capabil să afișeze multe tipuri de conținut, inclusiv imagini și videoclipuri de pe YouTube și Vimeo. Există multe caracteristici unice, inclusiv Panorama și Live Re-size.

jQuery TosRus

jQuery TosRus este un plugin jQuery convenabil și funcțional pentru lucrul cu videoclipuri și imagini. Scriptul poate acționa ca un instrument lightbox și glisor orizontal simultan. Conținutul din ferestrele modale este receptiv în mod implicit. Adaptat pentru dispozitive tactile.

- acesta este unul dintre tipurile de lightbox, bazat pe jQuery, cu funcționalități mai avansate decât cele tradiționale. La fel ca toți analogii, are o grămadă de setări pentru controlul transparenței fundalului, viteza de afișare, efectele, dimensiunile, etichetele etc.

este un plugin jQuery conceput pentru a implementa o casetă de lumină discretă, receptivă, care este ideală pentru imagini cu rezoluție înaltă. Funcționează grozav pentru dispozitive mobile ah, și poate fi folosit și pe ecrane cu mai multe rezoluție înaltă pentru o imagine frumoasă.

– Plugin jQuery pentru computere desktop, smartphone-uri și tablete. El sustine control tactil pentru dispozitive mobile, navigare cu tastatură pentru dispozitive desktop, tranziții CSS cu comenzile JQuery, destul de ușor de personalizat.

jQuery Superbox

jQuery Superbox facilitează crearea de casete lightbox pentru imagini, grupuri de imagini, pagini externe, sau un anumit conținut. Pluginul este complet accesibil și explicit și folosește atributul „rel” pentru a rula scriptul și atributul „href” pentru a specifica adresa URL a imaginii sau a paginii.

— Plugin lightbox jQuery cu suport larg pentru diferite formate media: inclusiv video, Flash / SWF, Ajax, cadre și hărți. Acest plugin adaugă și butoane rețelele socialeîn partea de sus, permițând utilizatorilor să-l distribuie pe Facebook, Twitter sau Reddit. În plus există setări suplimentare pentru a vedea care poate fi aplicat în diverse ocazii.

este un alt plugin responsive jQuery Lightbox care este potrivit pentru afișarea de imagini, iFrames, Google-Maps, Vimeo și videoclipuri YouTube. Plugin-ul calculează lățimea maximă a imaginii pe ecran și menține înălțimea proporțională, chiar dacă este mai mare decât înălțimea ferestrei.

Vă permite să creați cu ușurință ferestre pop-up frumoase folosind jQuery. Puteți îmbunătăți automat conținutul media sau puteți crea ferestre pop-up personalizate folosind un API puternic.

- cutie luminoasă adaptabilă excelentă. Poate fi folosit pentru a crea galerii uimitoare care vor arăta grozav pe orice ecran.

Magnific Popup este un plugin jQuery lightbox ușor de utilizat, cu accent pe performanță. Lui obiectivul principal– oferă ușurință în utilizare pe orice dispozitiv.

Un plugin de bază care cântărește 6 kiloocteți pentru dezvoltatori 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.

Lightbox Plus este unul dintre cele mai populare plugin-uri care implementează efectul Lightbox al unei imagini care apare (când dați clic pe o copie mică a imaginii, cea mai mare se deschide în aceeași fereastră cu un efect js frumos). Popularitatea pluginului este determinată de două lucruri: în primul rând, începe să funcționeze imediat după activare și nu necesită setări suplimentare de imagini, iar al doilea este că există multe setări în plugin și, dacă se dorește, pluginul poate fi configurat pentru orice sarcină. Pluginul poate deschide frumos nu numai imagini, ci și videoclipuri, unități flash și link-uri externe. De obicei nu-mi place să înlocuiesc un plugin care funcționează bine cu altul similar, dar nu am putut rezista și l-am înlocuit pe cel vechi și învechit cu Lightbox Plus.

1. Despachetați arhiva.

2. Copiați folderul lightbox-plus V /wp-content/plugins/.

3. Accesați panoul de administrare a blogului din „fila” Pluginuri" și activați pluginul.

După cum am spus deja, imediat după activare pluginul începe să funcționeze și toate imaginile tale se vor deschide cu efectul Lightbox. Dar va trebui totuși să configurați pluginul, deoarece va trebui să traduceți etichete precum „Imaginea 1 din 2” în „Imaginea 1 din 2”. Am vrut să traduc întregul plugin în limba rusă deodată, dar am renunțat la jumătate, pentru că, din păcate, autorul pluginului a abandonat suportul multilingv și majoritatea pluginului nu poate fi tradus prin fișiere de localizare. Acest lucru este neplăcut din cauza faptului că există într-adevăr o mulțime de setări în plugin și este destul de dificil pentru cineva care nu vorbește engleza să le înțeleagă imediat. Dar avantajul pluginului este că la utilizatorul mediu Practic nu este nevoie să configurați nimic.

În orice caz, puteți configura pluginul accesând „ Aspect\Lightbox Plus". Primul lucru pe care îl vei vedea aici este setarea stilului:

Pluginul oferă 14 stiluri de aspect de imagine încorporate. Acest singura setare plugin, cu care merită să te joci cu atenție, astfel încât stilul să se potrivească cu designul site-ului tău. Dar ai grijă, pentru că implicit toate stilurile sunt adaptate Limba englezăși după traducerea cuvintelor „anterior” și „următorul” în „anterior” și „următorul”, aceste cuvinte din unele stiluri se pot suprapune.

Aceasta este setarea principală a pluginului, iar toate celelalte setări se află în secțiunea „Setări Lightbox primare”, care conține subsecțiuni:

Accesați subsecțiunea „Setări de bază”, aici trebuie să traduceți expresiile:

De fapt, aceasta completează configurarea pluginului. Toate celelalte opțiuni pot fi lăsate neatinse - în mod implicit sunt potrivite pentru aproape orice site.

Cum se utilizează pluginul? Da, este foarte simplu - inserați, de exemplu, o miniatură a unei imagini într-o postare, iar când faceți clic pe această miniatură, imaginea mai mare se va deschide în stilul Lightbox la alegere. Nici unul acțiuni suplimentare Nu vi se cere. Cam așa va arăta:

Cu toate acestea, există o mică avertizare - în mod implicit, toate imaginile vor fi afișate în galerie (adică cu butoanele „anterior” și „următorul”). Dacă nu doriți ca imaginile să fie afișate în galerie, atunci trebuie să vă înregistrați eticheta rel pentru un link like rel="lightbox". Adică, codul de link ar trebui să fie:

<a href = "http://www..jpg" rel = "lightbox" > <stil img = "afișare: în linie" titlu = chenar = "0" src = "http://www.s.jpg" / >

Unde" eva1" este un identificator unic al imaginii (orice valoare unică). Dacă introduceți acest identificator pentru două imagini simultan, atunci veți obține o galerie de două imagini. De exemplu, codul:

<p> <a href = "http://www..jpg" rel = "lightbox" > <stil img = "afișare: în linie" titlu = chenar = "0" alt = aliniere = "mijloc" src = "http://www.s.jpg" / > <a href = "http://www..jpg" rel = "lightbox" > <stil img = "afișare: în linie" titlu = chenar = "0" alt = aliniere = "mijloc" src = "http://www.s.jpg" / > </p>

Va afișa o galerie ca aceasta:

Puteți edita eticheta rel direct în editorul WordPress:

Totul este destul de simplu cu imagini. Dar cum afișați videoclipuri sau alt conținut cu efectul Lightbox? Pentru a face acest lucru, mai întâi accesați setările pluginului și bifați caseta pentru „Utilizați caseta de lumină secundară”:

După ce faceți clic pe „Salvați setările”, vor apărea setări suplimentare special pentru inserarea videoclipurilor și a altui conținut:

Ți-a plăcut postarea? Abonați-vă la actualizări de la sau

Este cu adevărat grozav că avem la dispoziție tot mai multe tehnologii web de ultimă generație care ne vor face munca mult mai ușoară. Ferestre modale - element funcţional pentru afișarea oricărui tip de conținut HTML, orientat spre creație design convenabilși interfață.

În această recenzie, am compilat o listă de biblioteci și script-uri JQuery pentru crearea casetelor lightbox care vor ajuta dezvoltatorii și designerii să creeze site-uri web și mai bune și mai profesionale.

Puteți adăuga cu ușurință scripturile de mai jos pe site-ul dvs. Deci, fără alte prelungiri, să trecem la subiect și să aruncăm o privire la aceste biblioteci super jQuery lightbox pe care le puteți adăuga la arsenalul dvs.

1.Swipe fotografie

PhotoSwipe este o galerie foto HTML Bazat pe CSSși JavaScript, destinate în mod special dispozitivelor mobile. Când l-au dezvoltat, autorii au luat ca exemplu serviciile de vizualizare a imaginilor pentru telefoanele mobile. dispozitive iOSși Google. PhotoSwipe este familiar și intuitiv interfață clară, ceea ce facilitează lucrul cu imagini pe un site mobil.

Sunt acceptate toate funcțiile de bază: trecerea la imaginea următoare sau anterioară, mărirea, tragerea, micșorarea sau închiderea și altele.

2. Swipebox


Swipebox – plugin JQuery pentru computere desktop, smartphone-uri și tablete. Acceptă controale tactile pentru dispozitive mobile, navigare cu tastatură pentru dispozitive desktop, tranziții CSS cu o alternativă la controalele JQuery și este destul de ușor de personalizat.

Pluginul a fost testat pe Chrome, Safari, Firefox, Opera, Internet Explorer 8+, iOS4+, Android, Windows Phone. Lansat sub licență MIT.

3. iLightbox


iLightBox facilitează crearea de ferestre modale receptive foarte frumoase folosind JQuery. Combinând suportul pentru o gamă largă de conținut media cu skinuri grozave și un API ușor de utilizat, iLightBox se străduiește să facă lightbox cât se poate de perfectă. iLightBox oferă posibilitatea de a vizualiza în modul ecran complet, skin-uri compatibile cu Retina, managementul evenimentelor tactile, integrare YouTube și Vimeo pentru videoclipuri HTML5, API JavaScript puternic. Pluginul are suport gratuitși actualizări de versiuni.

4. Casetă luminosă imagine


Image Lightbox este un plugin minimalist, extensibil și personalizabil pentru IOS, Android și Windows Phone. Puteți descărca pur și simplu folosind tastatura următoarea imagine datorită utilizării transformărilor și tranzițiilor CSS.

5.Magnific Popup


Magnific Popup este un plugin jQuery responsiv gratuit care se concentrează pe oferirea celei mai bune experiențe utilizator-dispozitiv. Majoritatea pluginurilor lightbox necesită definirea dimensiunii ferestrei folosind JS. În Magnific Popup puteți utiliza unități relative măsurători precum EM sau redimensionați caseta de lumină folosind interogări media CSS.

6. Nivo Lightbox


Nivo Lightbox este un plugin pentru lightbox flexibil. Există multe opțiuni din care puteți alege, cu ajutorul cărora puteți schimba cu ușurință aspectul casetei de lumină. De exemplu, schimbați tema, efectul de tranziție și metoda de navigare.

7.Lightcase


Lightcase este un plugin pentru lightbox flexibil, receptiv și extensibil, dezvoltat cu folosind JQuery. Funcționează grozav în toate browsere populare, cum ar fi Internet Explorer 7+, Firefox, Opera, Webkit și altele. Pluginul acceptă apeluri foto, video, video HTML5, Iframe, SWF și AJAX.

8. Lightlayer.js


LightLayer este un script pentru afișarea casetelor de lumină adaptive, funcționează bine împreună cu alte componente pe orice ecran. Acest script este într-adevăr foarte ușor de utilizat. LightLayer oferă control asupra multor parametri: culoarea și opacitatea fundalului, poziția casetei luminoase, tranzițiile de deschidere/închidere și multe alte caracteristici personalizabile.

9. Strip.js


Strip este o casetă lightbox care se extinde doar la o parte a paginii. Acest lucru îl face mai puțin intruziv și vă permite să interacționați cu alte elemente ale paginii pe ecrane mai mari; pe dispozitivele mobile are lightbox aspect clasic. Strip folosește JQuery și este acceptat în toate browserele majore.

10. Fluidbox


Fluidbox este un plugin jQuery conceput pentru a oferi o casetă de lumină discretă, receptivă, ideală pentru imagini de înaltă rezoluție. Funcționează excelent pe dispozitive mobile și poate fi folosit și pe ecrane cu rezoluție mai mare pentru o imagine frumoasă.

11. Lumină


Featherlight este un plugin foarte ușor la 400 șiruri JavaScript , 100 linii CSSși o dimensiune mai mică de 6 Kb. Lightbox inteligent, receptiv, acceptă imagini, AJAX și iframe în mod implicit. De asemenea, îl puteți adapta în funcție de nevoile dvs. Featherlight funcționează în IE8+, toată lumea browsere moderneși platforme mobile.

12. Yalb


Yalb înseamnă Yet Another Lightbox - dar nu este. Yalb vine cu set mare interfețe care includ evenimente utilizator care vă permit să determinați starea acestuia ( deschis, închis).

13. LightGallery


JQuery lightGallery este o galerie pentru afișarea de imagini și videoclipuri. Ea are multe funcții utile, ca aspect receptiv, suport pentru dispozitive mobile tactile, efecte pop-in și fade-out, subtitrări și descrieri pentru ilustrații și multe altele.

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 din 15 jQuery receptiv pluginuri 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. iLightbox

iLightbox este un plugin jQuery Lightbox ușor, cu suport pentru gamă largă diverse tipuri fișiere: imagini, videoclipuri, Flash/SWF, conținut Ajax, cadre și hărți încorporate. 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.

iLightbox 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ă.

  • Dependenta: jQuery
  • Suport pentru browser: IE7+, Chrome, Firefox, Safari și Opera
  • Licenţă: Diavolul stie)))

2. SwipeBox

Swipebox- Asta Plugin JQuery cu sprijin ecrane tactile platforme 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.

  • Dependenta: jQuery
  • Suport pentru browser: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android și Windows Phone
  • Licenţă: Nu m-am hotarat, poate vei avea noroc)))

3.MagnificPopup

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. Vine ca un plugin jQuery/Zepto, are mai multe oportunități ample lipsesc în PhotoSwipe, cum ar fi suportul video, afișarea hărții și implementarea conținutului Ajax ferestre modale cu forme î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))).

  • Dependenta: jQuery 1.9.1+ sau Zepto.js
  • Suport pentru browser: IE7 (parțial), IE8+, Chrome, Firefox, Safari și Opera
  • Licenţă: licență MIT

4.PhotoSwipe

  • Dependenta: Javascript sau jQuery
  • Suport pentru browser
  • Licenţă: licență MIT

11.FeatherLight

Plugin lightbox de 6 kbit, pentru dezvoltatori mai mult sau mai puțin pricepuți, echipat cu tot funcții necesare. 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))).

  • Dependenta: jQuery
  • Suport pentru browser: IE8+, Chrome, Firefox, Safari și Opera
  • Licenţă: licență MIT

12. LightGallery

LightGallery— un plugin lightbox multifuncțional cu multe caracteristici suplimentare. Vine cu peste 20 de opțiuni de personalizare cele mai mici detalii Lightbox. Există totul aici, bine, sau aproape totul)). Galerie completă de imagini cu miniaturi bine aranjate, elemente de navigare și miniaturi de defilare. 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 cu folosind CSS. Preîncărcare optimizarea imaginilor și a codului. Navigarea folosind tastatura pentru desktop-uri, precum și posibilitatea de a utiliza pictograme de font suplimentare. LightGallery- aici este 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.
    Pentru cei care au nevoie de un slider decent, recomand să acorde atenție unuia de la aceiași dezvoltatori.

    • Dependenta: jQuery
    • Suport pentru browser: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android și Windows Phone
    • Licenţă: licență MIT

    13. StripJS

    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.

    • Dependenta: jQuery
    • Suport pentru browser: IE7+, Chrome, Firefox, Safari, Opera, iOS 5+ și Android 3+
    • Licenţă: Licență Creative Commons BY-NC-ND 3.0

    14.Strat de lumină

    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. Pluginul funcționează excelent cu conținut extern de site-uri web, playere video încorporate și hărți.

    • Dependenta: jQuery
    • Suport pentru browser: IE9+, Chrome, Firefox, Safari și Opera
    • Licenţă: licență MIT

    15. FluidBox

    Fluidbox este un plugin lightbox exclusiv pentru imagini. Numărul de variații posibile în prezentarea imaginii este cu adevărat impresionant. Plugin-ul funcționează excelent cu imagini de diferite 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 .

    • Dependenta: jQuery
    • Suport pentru browser: IE9+, Chrome, Firefox, Safari, Opera
    • Licenţă: licență MIT

    Probabil asta e tot! Sper că acesta scurtă recenzie, vă va ajuta să înțelegeți mulțimea de produse de dezvoltare web oferite. Aș dori să notez că nu am folosit toate pluginurile prezentate în selecție pe proiecte de lucru, cele mai multe dintre ele le-am testat pe site-uri de testare sau pe un builder, așa că, dacă apar întrebări, cel mai probabil le vom rezolva împreună; împreună, ca întotdeauna Vom reuși.

    Salutări, Andrei