JQuery albumba - nagy fotók, jquery
Nyissa meg a mintát egy külön ablakban, és nézd meg a forráskódot.
Szóval, mit kell használni ezt a programot a helyszínen?
Szükségünk lesz a jQuery könyvtár, persze, hogy jquery.lightbox.js plugin. styling kép, több kép (előre, hátra, betöltés ...) és a fotókat a galériában, két változatban jelenik meg: egy miniatűr és teljes méretű képet.
A szükséges fájlokat (beleértve a demonstrációs fotó), megtalálható az archívumban. Megtalálható a plugin jquery.lightbox.js és jQuery könyvtár a Letöltés részben.
A kezdéshez csatlakoztassa a fejrész HTML-oldal a kívánt fájlokat, természetesen tiszteletben tartva az utat nekik (akkor eltérhet):
Ezután a kötvénykibocsátás a szervezetben az áttekintő HTML-oldalakat. Van hely a kreativitás - a hely, ahol szeretnénk, és hány miniatűrök. Íme egy példa:
Ez a legegyszerűbb és legkönnyebb módja, hogy használja jQuery LightBox plugin. Van egy másik, rugalmasabb módon. Nézd meg az alábbi kódot. A jQuery-választó kiválasztjuk az összes elemei, amelyek érdekeltek vagyunk. De az az előnye, ez a módszer nem is ez, hanem a tény, hogy itt lehet használni néhány lehetőséget, hogy megbeszéljük az alábbiakban ...
Hoztam nem minden lehetőséget - a többi lesz képes érzékelni, ha jquery.lightbox.js nyissa meg a fájlt, és megtalálja a sor 455-520.
Mi mást lehet csinálni jQuery LightBox, hogy a példány is kissé eltér a társaik? Talán egy kis karcolás van a stílus a lightbox.css fájlt. Nos, például, hogy változtatni a háttér színét az alapértelmezett fekete néhány zöld, meg a # albumba-overlay és módosíthatja background-color: # 0000; A background-color: # 00FF00; és így tovább ...