15 gaismas kastes bibliotēkas mobilajai reaģētspējai
Lightbox ir viens no populārākajiem veidiem pārklāj attēlus tīmeklī. Noklikšķinot uz attēla, Lightbox parādās ar kādu animācijas formu un pasliktina fonu, lai jūsu fokuss būtu uz paša attēla. Attēls ir arī lielāks. Populārākās Lightbox JavaScript bibliotēkas, kuras mēs zinām jau vairākus gadus, ļauj jums to darīt labi darbvirsmā, bet ne tik daudz par mobilajām platformām.
Neaizmirstot par to un nepieciešamību pēc atsaucības, mūsdienās tā nav laba ideja, tāpēc šī 15 atsaucīgo Lightbox bibliotēku kolekcija ir jāpārbauda.
Vairāk par Hongkiat:
- Modāla loga izveidošana viegli ar HTML5 dialogu
- Top 10 bezmaksas atsaucīgas attēlu galerijas / slīdrādes
- Izveidot, kontrolēt un pielāgot labāku modālu logu jūsu vietnei, izmantojot Vex
- jQuery attēlu galerijas un slīdņi - labākie
PhotoSwipe
PhotoSwipe ir mans iecienītākais ligthbox spraudnis. Tas ir viegls, pieskāriens un vissvarīgākais modulārs, kas ļauj man grāvēt dažas daļas, kas nav nepieciešamas. Tas darbojas labi mobilajos pārlūkos. Jūs varat vilkt attēlus ar pirkstiem, kā jūs to darāt vietējā lietotnē, un pāreja notiek ļoti gludi.
- Atkarība: Nav
- Pārlūka atbalsts: IE8 +, Chrome, Firefox, Safari, Opera un pāris mobilo pārlūkprogrammu.
- Licence: MIT licence
MagnificPopup
MagnificPopup ir vēl viens lightbox spraudnis, ko izstrādājis tas pats cilvēks, kas deva mums PhotoSwipe, Dmitrijs Semenovs. Tas nāk kā jQuery / Zepto spraudnis, kā arī rada iespējas, kas trūkst PhotoSwipe, piemēram, atbalsts video, kartes un Ajax saturam. Tā ir lieliska alternatīva tiem, kam ir vairāk iespēju.
- Atkarība: jQuery 1.9.1+ vai Zepto.js
- Pārlūka atbalsts: IE7 (daļēji), IE8 +, Chrome, Firefox, Safari un Opera.
- Licence: MIT licence
SwipeBox
Swipebox ir jQuery spraudnis ar pieskārienu žestu atbalstu mobilajai platformai. Tā atbalsta arī video no Youtube un Vimeo, izņemot attēlus. Swipebox ir arī viegli īstenojams, un tam ir dažas iespējas, kā pielāgot savu uzvedību. Es domāju, ka Swipebox ir lielisks lightbox spraudnis JavaScript noobs.
- Atkarība: jQuery
- Pārlūka atbalsts: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android un Windows Phone.
- Licence: nenoteikts
iLightbox
iLighbox ir jQuery lightbox spraudņi ar plašu plašsaziņas līdzekļu atbalsta veidu: ieskaitot video, Flash / SWF, Ajax saturu, iframe un kartes. Šis spraudnis pievieno arī sociālo mediju pogas plašsaziņas līdzekļiem, ļaujot lietotājiem koplietot to ar Facebook, Twitter vai Reddit. Skatiet arī papildu sadaļu, lai redzētu, kā iLightbox var izmantot dažādos scenārijos.
- Atkarība: jQuery
- Pārlūka atbalsts: IE7 +, Chrome, Firefox, Safari un Opera
- Licence: nenoteikts
Gaismas lodziņš Bootstrap
Gaismas kaste ir viens no spilgti trūkstošajiem gabaliem no Bootstrap. Šis spraudnis to labo. Ja izmantojat Bootstrap, es ļoti iesakām izmantot šo bibliotēku. Spraudnis ir labi integrēts ar Bootstrap koda bāzi.
- Atkarība: jQuery un Bootstrap Modal
- Pārlūka atbalsts: IE8 +, Chrome, Firefox, Safari un Opera
- Licence: GNU licence
Nivo Lightbox
Nivo Lightbox ir elastīgs gaismas kastes spraudnis. Ir iekļautas vairākas iespējas, lai mainītu izskatu tādā veidā, kādā tā parādās, piemēram, mainot motīvu, pārejas efektu un navigācijas pārslēgšanu.
- Atkarība: jQuery
- Pārlūka atbalsts: IE9 +, Chrome, Firefox, Safari un Opera
- Licence: MIT licence
ImageLightbox
ImageLightbox ir gaismas kastes spraudnis bez uzpūšanās. Tā ir veidota speciāli attēlam, tāpēc dots nosaukums - nav atbalstīts neviens video vai cita veida multivides veids. Tas arī neprasa svešu HTML marķējumu; the elements ir pietiekams. Spraudnis darbojas tikai.
- Atkarība: jQuery
- Pārlūka atbalsts: IE9 +, Chrome, Firefox, Safari un Opera
- Licence: nenoteikts
Mini Lightbox
Vēl viens lightbox spraudnis ar nevienu uzpūstu. Bibliotēka ir tikai 2kb un darbojas tikai ar attēliem. Tas ir ideāls spraudnis, ja jūs norādāt tikai par jaunāko pārlūkprogrammu un nav nepieciešams pārklāt citus multivides veidus, piemēram, videoklipus.
- Atkarība: Nav
- Pārlūka atbalsts: IE10 +, Chrome, Firefox, Safari un Opera
- Licence: MIT licence
LightCase
Lightcase ir jauks gaismas kastes spraudnis. Tas nāk ar vairākām animācijām, kas padara lietotāja mijiedarbību dzīvus, piemēram, izbalināt, elastīgu tālummaiņu un ritināšanu. Turklāt tā atbalsta arī dažāda veida plašsaziņas līdzekļus, tostarp Youtube iegulto, HTML video, SWF un ievades veidlapas. Spraudni, kas arī pareizi apstrādā multivides, nevar sasniegt vai atrast kļūdas
- Atkarība: jQuery
- Pārlūka atbalsts: IE9 +, Chrome, Firefox, Safari un Opera
- Licence: GPL licence
Yalb
Yalb nozīmē vēl vienu gaismas kasti - bet tas nav. Yalb ir aprīkots ar dažiem API, ieskaitot pielāgotus notikumus, kas ļauj identificēt gaismas kastes, piemēram, kad tas ir atvērts
un kad tas ir tuvu
. Yalb nāk divās versijās: Vanilla JavaScript un jQuery spraudnis.
- Atkarība: Nav
- Pārlūka atbalsts: IE9 +, Chrome, Firefox, Safari un Opera
- Licence: MIT licence
Spalvas gaisma
6kb Spuldze ir tukšs spraudnis savvy attīstītājam un veic tikai būtiskos elementus. Ja, piemēram, vēlaties galerijā grupēt attēla gaismas kastīti, varat iekļaut galerijas paplašinājumu. Varat arī attīstīt savu paplašinājumu šim spraudnim, lai tas atbilstu jūsu projekta vajadzībām.
- Atkarība: jQuery
- Pārlūka atbalsts: IE8 +, Chrome, Firefox, Safari un Opera
- Licence: MIT licence
LightLayer
LightLayer ir viegli lietojams lightbox spraudnis. Tam ir dažas iespējas, pielāgotas JavaScript metodes un pielāgoti notikumi. spraudnis darbojas ar attēliem, videoklipiem, kartēm un ārējo saturu. Ko mēs vēl varam lūgt.
- Atkarība: jQuery
- Pārlūka atbalsts: IE9 +, Chrome, Firefox, Safari un Opera
- Licence: MIT licence
LightGallery
LightGallery, vēl viens lightbox spraudnis ar daudzām funkcijām. Tas ir aprīkots ar vairāk nekā 20 opcijām, lai pielāgotu mazākās gaismas kastes detaļas.
- Atkarība: jQuery
- Pārlūka atbalsts: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android un Windows Phone
- Licence: MIT licence
FluidBox
Fluidbox ir attēla gaismas kastes spraudnis, kas ir iedvesmots no vidēja. Tas darbojas ar attēliem dažādos apstākļos, ieskaitot peldošo attēlu, attēlu ar absolūts
stāvoklis, attēli, kuriem ir robeža un polsterējums, un galerijas. Pārbaudiet, kā tas tika uzbūvēts. Ja jums ir nepieciešams WordPress spraudnis, ir viens.
- Atkarība: jQuery
- Pārlūka atbalsts: IE9 +, Chrome, Firefox, Safari, Opera
- Licence: MIT licence
StripJS
StripJS ir unikāls gaismas kastes spraudnis. Tā vietā, lai pārklātu attēlu, spraudnis slīd attēlus no sāniem tā vietā, lai tas netraucētu visu saturu. StripJS atbalsta gan attēlu, gan video.
- Atkarība: jQuery
- Pārlūka atbalsts: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ un Android 3+
- Licence: Creative Commons BY-NC-ND 3.0 licence