A legnépszerűbb könyvtár a Lightbox JavaScript, amelyet sok éven át az asztali számítógépeken használunk, de nem a mobil platformokon.

Adok a 14 lightbox bővítményt a mobil platformok támogatásához.

Photoswipe.

Photoswipe - Könnyű, érintőképességgel és a legfontosabb moduláris pluginnal, amely lehetővé teszi a nem szükséges szükségtelen részek eltávolítását. Jól működik a mobil böngészőkben. Megváltoztathatja a képeket az ujjával történő mozgatásával, mintha egy szabványos alkalmazás lenne, sima átmenetekkel.

• Szükséges könyvtárak: nem.
• Böngésző támogatás: IE8 +, Chrome, Firefox, Safari, Opera és más mobil böngészők.
• Engedély: MIT License

Nagyszerű felugró ablak.

Nagyszerű felugró ablak - egy másik LikeBox plugin, amelyet ugyanaz a szerző, mint a Photoswipe, Dmitry Semenovyv. A plugin a JQuery / Zepto pluginban található, és magában foglalja a Photoswipe-ben hiányzó támogatást is, például: video támogatás, kártyák és Ajax. Ez kiváló alternatíva azok számára, akik inkább több lehetőséget kínálnak.

• Szükséges könyvtárak: Jquery 1.9.1+ vagy zepto.js
• Böngésző támogatás: IE7 (részben) ,.
• Engedély: MIT License

Swipippebox.

SwipeBox JQuery plugin támogatja a mobil platformok érzékszervi gesztusait. Támogatja a YouTube és a Vimeo videót is, a képek mellett. A SwipeBox könnyen telepíthető, és számos lehetőséggel rendelkezik a beállítás konfigurálásához. Azt hiszem, az SwipeBox túl apróra vágott Lightbox Plugin azoknak, akiknek nincs JavaScript.

Lightbox a bootstrap számára

Kezdetben a Likebox Plugin hiányzik a bootstrap-ban. Lightbox a bootstrap javítja. Ha a Bootstrap-ot használja, erősen ajánlott használni ezt a könyvtárat. A plugin jól illeszkedik a bootstrap-hoz.

• Szükséges könyvtárak: Jquery és bootstrap modul
• Böngésző támogatás: IE8 +, króm, firefox, szafari és opera
• Engedély: Gnu licenc

Nivo lightbox

A NIVO Lightbox egy rugalmas egyéni LikeBox plugin. A különböző lehetőségek lehetővé teszik, hogy megváltoztassa megjelenés. Például: téma, megjelenés animáció és navigációs típus.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás:
• Engedély: MIT License

ImageLightbox.

ImageLightbox Egyszerű Lightbox Plugin Frills nélkül. Csak a képen használható, ezért a név. Sem a videó, sem más típusok nem támogatottak. Ezenkívül nem igényel további HTML jelölést; Címke Elég. Ez a plugin könnyen kezelhető.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE9 +, króm, firefox, szafari és opera
• Engedély: Meg nem határozott

Mini lightbox

Egy másik Likebox Plugin kiegészítések nélkül. A könyvtár csak 2 kilobájt súlyú, és csak képekkel működik. Ez a tökéletes plugin, ha csak akkor fejlődik legújabb verzió A böngésző és a videó vagy más formátumok támogatása.

• Szükséges könyvtárak: nem
• Böngésző támogatás: Internet böngésző. 10 +, króm, firefox, szafari és opera
• Engedély: MIT License

Világító

Lightcase Beautiful Likebox Plugin. Támogatja több animációs fajt, például: elhalványul, rugalmas, zoom és görgetés. Ezenkívül támogatja a különböző típusú médiákat is, beleértve a YouTube beágyazását, a html videót, az SWF-t és a bemeneti űrlapokat.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE9 +, króm, firefox, szafari és opera
• Engedély: GPL Licenc

Featherlight.

Featherlight Basic bővítmény, 6 kilobyte-os hibamentes fejlesztők és csak azokat a legszükségesebb. Ha szüksége van egy Likebox hatás, például, egy csoport kép a galériában, akkor teszi a galériát bővítése. Ön is kifejlesztheti saját bővítését a Plug-in használatához a projektekben.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE8 +, króm, firefox, szafari és opera
• Engedély: MIT License

Lightlayer.

Lightlayer könnyen használható Likebox Plugin. A plugin számos lehetőséget támogat, egyéni JavaScript módszerek és felhasználói események. A plugin képekkel, videóval, kártyával működik.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE9 +, króm, firefox, szafari és opera
• Engedély: MIT License

LightGalley.

LightGalley, egy másik Likebox plugin nagy mennyiség funkciók. Több mint 20 lehetőség van a különböző lightbox effektusok konfigurálására.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE7 +, króm, firefox, szafari, opera, iOS, Android, és Windows telefon
• Engedély: MIT License

Fluidbox

Fluidbox Likebox Plug-in Művek képekkel. Tartalmazza a különböző kijelzők támogatását, beleértve a lebegő képet, egy képet abszolút pozícióból, a képek határok és betétek, valamint galériák. Van egy Wordpress plugin is.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE9 +, króm, firefox, szafari, opera
• Engedély: MIT License

Stripjs.

Stripjs egyedi Likebox Plugin. A kép bevezetése helyett a Likebox modul a képet oldalról oldalra csúszik, így a kép nem blokkolja az összes tartalmat. A Stripjs támogatja mindkét képet és videót.

• Szükséges könyvtárak: Jquery.
• Böngésző támogatás: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+ és Android 3 +
• Engedély: Creative Commons by-NC-ND 3.0 licenc

Sokszor különböző képgalériák áttekintését gyűjtötték, összegyűjtötték a látványos diavetítések és -plaginok széles körű gyűjteményét. A Piggy Bankban és a Lighbox kizárólag a CSS3-on vannak, anélkül, hogy további JS-könyvtárakat csatlakoztatnánk. De az idő nem áll fenn, a felhasználók egyre inkább különböző mobileszközöket használnak az internetes szörfözéshez, ami azt jelenti, hogy a webes elemek alkalmazkodóképességét és különösen a "" hatású fotó galériáit jelenti, amely az egyik prioritás, amelyre a webes tervezők és a fejlesztőknek figyelmet kell fordítaniuk kell .

Számos adaptív jquery plug-in, amely a barátok, olyan barátok, mint az asztali böngészők, és tökéletesen illeszkednek a különböző mobileszközök (laptopok, okostelefonok, tabletták stb.) Képernyőjeibe.

Nézze meg a demót a fejlesztők webhelyén, töltse le a kívánt plugint, és hozzon létre, hozzon létre, hozzon létre ...

1. Iliightbox

iligbox - Ez egy könnyű lightbox-plugin-jquery, számos különböző típusú fájltípusok széles választékával: képek, video, flash / swf, Ajax tartalom, keretek és beépített kártyák. Ez a plugin hozzáadja a szociális hálózatok gombjait is, amelyek lehetővé teszik a felhasználók számára, hogy megoszthassák a tartalmakat a Facebookon, a Twitteren vagy a Reddit segítségével. A látványos diavetítések, képgalériák és videoklipek szervezésének kiváló tulajdonsága, a szokásos és teljes képernyős módok megtekintésével.

iligbox Gyorsan és folyamatban működik mobil eszközökRáadásul helyesen jeleníti meg a feldolgozott tartalmat. Többek között a plugin használatával könnyedén megvalósíthatja az információs blokkok kimenetét a modális ablak típusával.

• Függőség: jquery.
• Támogató böngészők: IE7 +, Chrome, Firefox, Safari és Opera
• Engedély: És a pokol tudja)))

2. Swipippebox.

Swipippebox. - Ez egy jquery plugin támogatással Érintse meg a képernyőket Mobil platformok. A képek mellett a plugin támogatja a beágyazott videót a YouTube és a Vimeo. A SwipeBox nagyon egyszerűen rögzíthető bármely projekthez, a pluginnek számos intuitív lehetősége van a funkcionalitás és a viselkedés konfigurálásához. A fejlesztő honlapján részletes dokumentáció a plugin összekapcsolására és használatára a felesleges víz nélkül, minden csak abban az esetben van, így nem nehéz kitalálni, hol, és miért, azt hiszem, nem lesz nehéz.

• Függőség: jquery.
• Támogató böngészők: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android és Windows Phone
• Engedély: Nem határoztam meg, talán szerencsés leszel))

3. MagnificPopup.

Hosszú ideig, jól ismert és jól beváltabb Likebox-plug-in a jquery vagy a zepto.js. A plugin - Dmitry Semenov szerzője, amely egy fejlesztő és plugin photoswipe, amely az alábbiakban megmondja. Jöjjön egy jquery / zepto plugin formájában, több lehetőséget kínál a Photoswipe-ben, mint például a videó támogatása, leképezése és ajax tartalma, a modális ablakok beépített formanyomtatványaival. Minden kritérium esetében ez egy újabb csodálatos eszköz a webfejlesztőben. Különben van egy plugin a WordPresshez és a részletes dokumentációhoz a beállításhoz és a használathoz. Csak az orosz dokumentáció hiánya, a név és a vezetéknév alapján ítélve a szerző úgy tűnik, hogy orosz, soha nem értette meg a károsodás miatt, vagy az érzés képzeletbeli tudatosságának köszönhetően. Nos, oké, kinek kell feláldozni, nem is süllyedünk a teát is))).

• Függőség: jquery 1.9.1+ vagy zepto.js
• Támogató böngészők: IE7 (részben), IE8 +, króm, firefox, szafari és opera
• Engedély: MIT License

4. Fényképek.

• Függőség: JavaScript vagy jquery
• Támogató böngészők
• Engedély: MIT License

11. Featherlight.

6 K.bit Lightbox-plugin, többé-kevésbé STATVy fejlesztők számára az összes szükséges funkcióval rendelkezik. Az összes közös tartalomtípus (szöveg, kép, iframe, Ajax) támogatása mellett opcionális kapcsolat van opcionális, valamint a saját bővítményének fejlesztése a bővítményhez, amely teljes mértékben megfelel az Ön igényeinek új projekt létrehozásakor . Mint ez a gazdaság (bővítési fejlesztés) működik, nem volt különös szándékos, de azok, akik beillesztik ezt a bővítményt, azt hiszem, meg fogom érteni))).

• Függőség: jquery.
• Támogató böngészők: IE8 +, króm, firefox, szafari és opera
• Engedély: MIT License

12. LightGallery.

LightGalley. - multifunkcionális Likebox-plugin többszörösekkel további jellemzők. Több mint 20 lehetőséggel rendelkezik, a legkisebb lightbox részleteinek konfigurálásához. Mindent, jól, vagy szinte minden). A szépen épített miniatúrákkal ellátott képek teljes körű galériája, navigációs elemekkel és miniatűr görgetettel. Egyszerű HTML jelölés egy rendezetlen lista formájában

A DATA-SRC attribútum használata teljes méretű képekhez. Ugyanaz a YouTube és a Vimeo videóval. Internetes módon támogatja az összes HTML5, MP4, WEBM, OGG ... animált bélyegképeket, adaptív elrendezést mobileszköz-támogatással, csúsztatással és sima megjelenésekkel a képek átkapcsolásakor és más tartalmakon. A megjelenés könnyen generálható és konfigurálható a CSS használatával. A kép és a kód optimalizálása előtti betöltés. Navigálja a billentyűzetet az asztali számítógépekhez, valamint a további betűtípus ikonok használatának képességét. LightGalley. - Ez az, ahol az igazi "kombinál", a legfontosabb dolog, hogy ne veszítse el a beállítások bőségét és a bővítmény kiterjedt lehetőségeit.
Azok, akiknek tisztességes csúszkára van szükségem, ajánlom ugyanazokat a fejlesztőket.
• Függőség: jquery.
• Támogató böngészők: IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android és Windows Phone
• Engedély: MIT License



13. Stripjs.

Szokatlan, még azt is mondanám: A LIGHTBOX szokatlan végrehajtása, pontosabban, nem a tartalom szokásos ábrázolása, amikor a kép vagy a videó, a Likebox tervezésében, a jobb oldalon jelenik meg, és nem tölti az egész képernyőt, hanem csak tovább meghatározott méret Teljes méretű kép vagy videó. A nagy képernyőkön ez a megközelítés világos, az oldalnal való kölcsönhatás lehetősége továbbra is fennáll. A mobileszközök kis képernyőjén mindezen innovatív design simán megy a klasszikus lightbox-ba. Az ötlet érdekes, nézd meg a demót, talán valaki beilleszi az ilyen kreatívat.

• Függőség: jquery.
• Támogató böngészők: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+ és Android 3+
• Engedély: Creative Commons by-NC-ND 3.0 licenc



14. Lightlayer.

Egy könnyen használható Lightbox Plugin, amely jól kombinálható bármely projektrel, és jól néz ki minden képernyőn. A Lightlayer Plugin bemutatja a beállítások ellenőrzését, például a háttér színének megváltoztatását és az átláthatóság fokát, az alapegység helyzetét, az átmeneti hatások kiválasztását, amikor megnyitja / zárja be az átmeneti hatások, a funkciók, amelyeket a felhasználók önállóan manipulálhatnak. A plugin nagyszerűen működik a külső weboldalak tartalmával, beépített video lejátszókkal és kártyákkal.

• Függőség: jquery.
• Támogató böngészők: IE9 +, Chrome, Firefox, Safari és Opera
• Engedély: MIT License



15. Fluidbox

Fluidbox - Likebox Plugin kizárólag a képekhez. A képellátás mindenféle változatának száma valóban lenyűgöző. A plugin kiválóan működik a különböző formatervezésekben, beleértve a lebegő képeket, az abszolút pozícionálással, képekkel és fényképekkel ellátott képeket, amelyek kereteket keretesek, és fenekelnek, egyetlen képekkel, valamint a galériába. Általánosságban elmondható, hogy hiába öntsük, hogy öntsük, festeni minden képességét a plugin egy rövid nézetben nem fog működni egyébként, így jobb nézni a demó, csavarja, forduljon és gondolja, hogy ez a plugin sokan szereti.

• Függőség: jquery.
• Támogató böngészők: IE9 +, króm, firefox, szafari, opera
• Engedély: MIT License



Ez valószínűleg minden! Remélem, ez a kis áttekintés segít megérteni a javasolt webfejlesztési termékek halomát. Megjegyzem, hogy nem minden olyan bővítmény, amelyet a munkaterületeken használt bővítmények kiválasztásában mutatott be, a legtöbbjük teszteli helyszíneken vagy Lachakon bizonyult, így ha bármilyen kérdés merül fel, valószínűleg megoldjuk őket, és együtt, Mivel mindig minden velünk fog működni.

Keresi a megfelelő orosz sablont a célokért? Valószínűleg ebben az esetben meg kell látogatnia a templateMonster Markey-t. Az egyszerű okból, hogy a közelmúltban egy új sablonszakasz megjelent az oldalon. Most minden felhasználó megismerheti magának a gyűjteményt, amely frissíti és frissít. A sablonok szövegeit kézzel írták. De ez nem az egyetlen plusz ezeknek a kész megoldásoknak. Végtére is, csomagjaikban megtalálhatja mindazt, ami megkönnyíti az online projekt fejlesztését, beleértve a vizuális szerkesztőt is.

Minden tekintetben Andrew

Két egyedi kép



Négy képkészlet.



Elkezdeni.

Töltse le a legfrissebb kiadás (vagy bármely előző) zipját a Github kiadványairól.

Vagy telepítse az NPM használatával:

NPM Install Lightbox2 - Saját

Nyissa meg a ZIP-fájlt, és vegyen be egy pillantást a mezebones, a munkapélda, amely szerepel a / példák mappában.

1. Készen áll a Lightbox beállításra az oldalán? Indítsa el a Lightbox CSS és a JavaScriptet. Mindkét fájlt a / dist mappából megragadhatja.

   • Tartalmazza a CSS-t az oldal tetején lévő tetején Címke:
   • Tartsa be a JavaScriptet az oldal alján a zárás előtt Címke:

2. Győződjön meg róla, hogy a lightbox által megkövetelt jquery is betöltött.

   • Ha már használja a JQUIERY-t a LIGHTBOX.JS előtt. A jquery 1.7 vagy annál nagyobb.
   • Ha jelenleg nem használja a JQUIERY-t, létrehoztam egy csomagolt fájlt, amely tartalmazza a Lightboxot és a jquery-t. Tartalmazza a dist / js / lightbox-plus-jquery.js helyett a lightbox.js.
3. Győződjön meg róla, hogy a lightbox.css által betöltött négy kép a megfelelő helyen található. A képeket a / Dist / Képek mappából megragadhatja.

Inicializálja a HTML-t.

• Egyetlen képek. Adat-lightbox attribútum hozzáadása bármely képhivatalhoz a LIGHTBOX engedélyezéséhez. Az attribútum értékéhez használjon egyedi nevet minden képhez. Például: Választható:
  • Adjon hozzá egy adatcím attribútumot, ha feliratot szeretne mutatni.
  • Adat-alt attribútum hozzáadása Ha a kapcsolt kép ALT attribútumát szeretné állítani.
• Képkészletek. Ha van egy olyan képcsoport, amelyet egy sorba szeretne kombinálni, használja ugyanazt az adat-lightbox attribútum értékét az összes képhez. Például:

Opciók.

Ha módosítani szeretné az alapértelmezett beállításokat, hívja az opció módját.

választási lehetőség	Alapértelmezett.	Leírás.
mindigHowNavontActEndevices.	hamis	Ha igen, az a jobb és bal navigációs nyilak, amelyek szerepelnek a Egérhúzás Amikor megtekintése képsorozatokat mindig látható az eszközök, amelyek támogatják Touch.
albumlabel	"Kép% 1% 2"	A felvétel alatt megjelenő szöveg a képkészlet megtekintésekor. Az alapértelmezett szöveg mutatja az aktuális képszámot és a készlet összes számát.
letiltás.	hamis	Ha igaz, akkor megakadályozza, hogy az oldal görgetés közben a Lightbox nyitva van. Ez a testen rejtett beállítások szerint működik.
fadeedation.	600	Az idő, amely alatt a LightBox TARTÁLY ÉS fedvénnyel és elhalványulnak, ezredmásodpercben.
fitimagesinviewport	igaz.	Ha igaz, átméretezi a képeket, amelyek a nézetablakon kívül kiterjednek, így az illeszkedés szépen belép. Ez megmenti a felhasználónak, hogy görgethessen a teljes kép megtekintéséhez.
imageFadedation.	600	Az idő, hogy az a kép, hogy elhalványuljon egyszerre, milliszekundumban.
maxwidth.		Ha be van állítva, a kép szélessége erre a számra korlátozódik, pixelben. A képarányt nem tartják fenn.
maximum magasság		Ha be van állítva, a képmagasság erre a számra korlátozódik, pixelben. A képarányt nem tartják fenn.
pOSITIONFROMTOP.	50	A nézetablak tetejétől való távolság, amelyet a Lightbox tartály megjelenít, pixelben.
átméretezés	700	Az idő, amely alatt az album TARTÁLY animálni a szélessége és magassága amikor az átmeneti időszak a különböző méretű képek, ezredmásodpercben.
showimagenumberlabel	igaz.	Ha hamis, az aktuális képszámot jelző szöveget és a beállított képek teljes számát (például a 4-es kép 2-es kép) rejtve lesz.
wraparled.	hamis	Ha igaz, ha a felhasználó eléri az utolsó ISER-t, és a megfelelő navigációs nyíl megjelenik, és az lesz, hogy továbbra is haladjon előre, amely vissza fog térni az első képre a készletben.

Böngésző támogatás

A Lightbox2-t sikeresen tesztelték a következő böngészőkben:

• Internet böngésző.
  A Lightbox-Plus-JQuery.js fájl tartalmaz JQuery v2.x és támogatja az IE 9+. Ha támogatni szeretné az IE 6, 7 és 8-at, használja a JQuery v1.x saját példányát a Lightbox.js segítségével.
• Króm.
• Szafari.
• Firefox.
• iOS Safari.
• iOS króm.
• Android böngésző.
• Android Chrome.

Engedély.

• 100% ingyenes. A Lightbox szabadon használható kereskedelmi és nem kereskedelmi munkákban.
• A hozzárendelés igénye.Ez azt jelenti, hogy el kell hagynia a nevemet, a honlapom linkjét és az sértetlen információkat. Ezeknek az elemeknek egyike sem kell használnia, és a kódon belül maradhat.

Segítség.

Kérdezzen a LIGHTBOX használatát?

Kövesse az alábbi lépéseket, hogy segítsen. Győződjön meg róla, hogy elolvasta az ezen az oldalon található dokumentációt, és először nézte a mellékelt példát.

1. Keresés a Stackoverflow-nak, hogy megnézze, hogy az éterek ugyanabban a kérdésben futnak-e, mi van.
2. Ha a probléma egyedülálló, akkor küldjön egy új kérdést a Stackoverflow-on. Használja a Lightbox2 címkét.

Ne használjon Github problémákat a személyes támogatási kérelmek bejelentésére.

Talált egy hibát?

Ha hibát talál, kövesse az utasításokat a hozzájárulási gajnákban a probléma bejelentéséhez.

A szkript szervezi a képek megtekintését egy felugró ablakban. A nézetet egy képen vagy galériával lehet szervezni, a pop-up ablakban lévő képeket.
A legegyszerűbb és leggyorsabb szkript telepítve van. Telepítve és konfigurálva szó szerint néhány perc alatt.

A LIGHTBOX telepítése

Töltse le az archívumot, kicsomagolja és töltse le a kiszolgálót.
Ezután beágyazza a szkriptet a webhelyére. BAN BEN hTML kód Az oldalak kódot írnak elő




És az utolsó lépés. Képkijelző.
A kép kimenete ezt teszi


Standard kimeneti kód egy kis képhez és linkekhez egy nagy képhez, csak két paramétert adnak hozzá a linkhez.
Itt van egy példa erre a kódra - amikor a képre kattintva megjelenik egy nagy kép.

Az ilyen hatás megfelel a paraméternek data-Lightbox \u003d "Kép".
Ha sok kép van az oldalon, akkor a képek megnyitását a felugró ablakban görgetés nélkül készítheti el, és kombinálhatja a képeket, és görgethetők a felbukkanó ablakban.
A képek kombinálásához egy nevet kell használni minden képcsoporthoz.






Amint láthatja, az összes kép egy felugró ablakban görgethet, mivel data-Lightbox Mindenki ugyanaz.
Ha meg szeretné osztani a képeket, hogy ne szétszóródj, használja ezt a kódot.







Most minden kép külön nyílik meg, vagyis nincs lehetőség a következőre váltás.

Mi van a frissített verzióban

A kép nagyítása gomb a valós mérethez. Minden példában láthatja. BAN BEN eredeti verzió Ő nem
A parancsfájlban van egy beállítás, kikapcsolhatja ezt a gombot.

És a második kevés, akiknek szükségük van a szükséges kiegészítésre, kivéve a képek párosát.
Az alapértelmezett ki van kapcsolva, közvetlenül a parancsfájlban engedélyezheti, ahol a tényleges méret gomb be van kapcsolva.
A szkript szokásos alkalmazásában ez a funkció Csak kárt okoz, csak nagyon reménytelen helyzetekben használható.





Megjegyzés, három link üres, azaz nagy képekre utalnak, de nincs semmi a címkék között, és egy link tele van a képen.
Ennek eredményeképpen csak egy kép látható a böngészőben, amikor rákattint, megnyílik egy nagyszerű képet, és az üres linkek összes képét meghúzza, és megfordíthatja.
És itt, nézd, a linkek két ugyanazok a képek(piros színnel) és amikor a leveles, két azonos képet fog látni.
Ha konkrét példában van, kapcsolja be a kettős eltávolítását, akkor nincs más duplikátum kép.

Természetesen nincs ilyen helyzet, miért viseljen két azonos képet, majd törölje őket. De furcsán, egy ilyen helyzetbe ütköztem, a duplikált képeknek egy online áruházban kellett kiadniuk (a képeken keresztül a képek cseréjei vannak), és amikor a képen keresztül megtekintették a képeket, a duplikációs képek nagyon rossznak tűntek. Ez a kettős eltávolításhoz jött.

Hozzászólások

11.12.2014 Victor
A szkript nagyon jó. Az adatcím segítségével is leírhatja a képet. De volt egy probléma, én voltam az oldalon állt a szkript, amely a készüléket oldalra állította, amikor ez a szkript csatlakoztatva van, eltűnik. És eltűnik, ha a JS parancsfájlok csatlakoztatva vannak. Úgy gondoltam, hogy a konfliktus változata nem azért, mert nekik.

05/23/2015 Victor
Nem dolgozom, amikor
href \u003d "http://ikk.secrieru.ru/products/Gallery/000039.jpg?ver\u003d20150523142822"
Ez egy ilyen jellegű. Nélkül? Ver \u003d 20150523142822
művek

05/25/2015 Kaha.
Nagyon köszönöm.

06/29/2015 Andrey
Köszönöm a munkáját! Minden szinte először szerzett)

08/26/2015 Alexander
Megpróbáltam különböző analógokat. Konfliktus nélkül ez azonnal lett. Származási növekedés. méretű gut. Ha még mindig van egy egér, hogy vegye be és mozgassa a mező képeket - általában Kapets

11/01/2015 Igor
Helló!
Kiváló galéria. Nagyon szépen köszönöm.
Csak egy ilyen kérdés:
A fenti példában a kép példáit (3 kép) hurkolták. És a Lightbox-2.7.1 letöltött verziójában ez a funkció nem működik. Az utolsó kép megtekintésekor a következő gomb nem jelenik meg.
Mondd meg nekem, kérlek, mi lehet az oka?

11/14/2015 Anton


11/15/2015 Anton
Az iOS és az Android sötétedése a képernyőn nem az egész oldalon !!! Mi lehet a probléma. A szokásos Likeboxban - minden rendben van!

11/15/2015 Anton
Az iOS és az Android sötétedése a képernyőn nem az egész oldalon !!! Mi lehet a probléma. A szokásos Likeboxban - minden rendben van!

03/30/2016 Anton
Helló!
Lehetséges, hogy a kép nagyobb felbontásban nyílt meg?

11/18/2016 Yura
Nagyon köszönöm! Minden tökéletesen működik!

05/04/2017 Igor
Nagyon köszönöm a forgatókönyvet! Nagyon régen olyan hasonló és könnyen telepítettem.
Csak valamilyen oknál fogva láthatatlan feliratok jelennek meg a képeken. · РР ± с РёР · 8

Talán valahol meg kell erősítenie a kódolást?

09/12/2017 Barsuk.
Hol voltál korábban! Az egész napot töltöttem, hogy rögzítse a kettős eltávolítását))

Csak van főoldal A fő kép elősegítése, és az alján van, még kevésbé van, mint a további, mert ez, a dupliák felmerültek és a galériában.

Nagyon nagyszerű, hogy hozzáférjünk egyre több új webes technológiához, melynek segítségével munkánk sokkal könnyebb lesz. Modális ablakok - funkcionális elem A HTML -Contament bármely típusának megjelenítéséhez egy kényelmes kialakítás és felület létrehozására összpontosít.

Ebben a felülvizsgálatban gyűjtöttük össze a JQuery könyvtárak és szkriptek listáját, hogy lightbox létrehozásához, amely segít a fejlesztőknek és a tervezőknek, hogy még jobb és professzionális weboldalakat hozzanak létre.

Könnyedén hozzáadhatja az alábbi szkripteket a webhelyére. Ezért további előfajok nélkül menjünk a témához, és vegyük figyelembe ezeket a Super JQuery-Boblisters of Likebox, amelyet feltöltheted az arzenálodat.

1. fotoszwipe.

A Photoswipe HTML fotóalbum cSS alapú És JavaScript-orientált mobileszközökön. A szerzők fejlődésében mintavételként vettek részt az iOS és a Google mobileszközök képeinek megtekintéséhez. A Photoswipe ismerős és intuitív Érthető interfészMi teszi könnyebben dolgozni a képeket egy mobil webhelyen.

Minden fő funkció támogatott: menjen a következő vagy korábbi képre, növelje, húzza, csökkentse vagy zárja és másokat.

2. Swipippebox.

Swipebox - JQuery -Plagin Álló számítógépek, okostelefonok és tabletták. Támogatja szenzoros vezérlés A mobil eszközök, a navigációt a billentyűzetet asztali eszközök, CSS átmeneteket backup átkapcsolás JQuery ellenőrzés meglehetősen könnyen konfigurálható.

A plugint a Chrome, a Safari, Firefox, Opera, Internet Explorer 8 +, IOS4 +, Android, Windows telefon tesztelte. Az MIT engedély szerint.

3. Iliightbox.

az IliightBox megkönnyíti a nagyon szép adaptív létrehozását modális ablakokJquery használata. A médiatartalom széles skálájának egyesítése csodálatos bőrrel és egy kényelmes API-vel, az ILILLIGHBOBBÓL, hogy a lehető legkorszerűbbé tegye a lightboxot. Az ILILLIDBOX képes megtekinteni teljes képernyős mód, Retina-skins, szenzoros menedzsment, YouTube és Vimeo integrációs opció HTML5 videó, erőteljes JavaScript API. A plugin ingyenes támogatási és frissítési verziókkal rendelkezik.

4. Kép \u200b\u200bLightbox

Image Lightbox egy minimalista, bővíthető és testreszabható plug-in alatt iOS, Android és Windows Phone. A CSS transzformációk és átmenetek használatának köszönhetően egyszerűen letöltheti a következő képet a billentyűzet segítségével.

5. Nagyszerű felugró ablak.

A nagyszerű felugró ablak ingyenes adaptív jquery Plugin, amely a felhasználó és a készülék közötti legjobb interakció biztosítására összpontosítható. A legtöbb Lightbox-Plagins esetében meg kell határoznia az ablak méretét a JS segítségével. A nagyszerű felugró ablakban relatív mértékegységeket használhat, például az EM-t, vagy módosíthatja a LIGHTbox méretét a CSS média kéréseivel.

6. NIVO LIGHTBOX

A NIVO Lightbox egy rugalmas lightbox-plagin. Különféle lehetőségek állnak rendelkezésre, amelyek közül választhat, amellyel könnyedén megváltoztathatja a lightbox megjelenését. Például módosítsa a témát, az átmeneti hatás és a navigációs módszert.

7. Lightcase.

Lightcase - Rugalmas, adaptív és bővíthető lightbox-plagin, tervezett jquery használatával . Nagyszerűen működik minden népszerű böngészőben, mint például az Internet Explorer 7+, Firefox, Opera, Webkit és mások. A plugin támogatja a fotó, videó, html5-video, iframe, swf és ajax.

8. Lightlayer.js.

A LightLayer egy szkript az adaptív lightbox kiadásához, jól működik más alkatrészekkel bármely képernyőn. Ez a parancsfájl valóban nagyon könnyen használható. LightLayer vezérli a beállított paraméterek: a szín és átlátszóságát a háttérben, a helyzet átvilágítódobozban nyitó / záró átmeneteket és sok más egyedi funkciókat.

9. csík.js.

A szalag világossávú, amely csak az oldal egy részén található. Ez kevésbé rögeszmés, és lehetővé teszi, hogy kölcsönhatásba léphessen az oldal más elemeihez a nagy képernyőkön; A Lightbox mobileszközöknek klasszikus megjelenése van. A szalag jquery-t használ, és minden nagyobb böngészőben támogatott.

10. Fluidbox

A Fluidbox egy jquery plugin, amelynek célja, hogy megvalósítsa a disoMtusive, adaptive lightboxot, amely ideális a nagy felbontású képek számára. Nagyszerűen működik a mobileszközökön, és többre is alkalmazható a képernyőkön nagy felbontású A gyönyörű kép kimenethez.

11. Featherlight.

Featherlight - nagyon könnyű plugin 400-ban javaScript vonalak , 100 cSS sorok és kevesebb, mint 6kb. Intelligens, adaptív lightbox, alapértelmezett támogatja a képeket, Ajax és Iframe. Ön is alkalmazkodhat a feladatokhoz. A featherlight az IE8 + -ban működik modern böngészők és mobil platformok.

12. Yalb.

A Yalb-t egy másik lightbox-ként visszafejtjük ( Még egy. Lightbox) - De nem. A Yalb nagy interfészekkel rendelkezik, beleértve a felhasználói eseményeket, amelyek lehetővé teszik annak feltételeit ( nyitva zárva).