Deschideți proba într-o fereastră separată și uita-te la codul sursă.
Deci, ce trebuie să utilizați acest program pentru site-ul meu?
Vom avea nevoie biblioteca jQuery, desigur, el jquery.lightbox.js plug-in. imagine stilizare, mai multe imagini (înainte, înapoi, încărcare ...) și fotografii în galeria dvs., prezentat în două variante: o imagine miniatură și plin de dimensiuni.
Fișierele necesare (inclusiv foto demonstrație), pot fi găsite în această arhivă. Puteți găsi jquery.lightbox.js plug-in și biblioteca jQuery în secțiunea de descărcare.
Pentru a începe, conectați în secțiunea HEAD a paginii HTML fișierele pe care doriți, desigur, respectând calea de a le (s-ar putea să difere):
Apoi, emisiunea de obligațiuni în corpul miniatură HTML-pagini. Există o cameră pentru creativitate - ca un loc în care doriți și cât de multe miniaturi. Iată un exemplu:
Acesta este cel mai simplu și cel mai simplu mod de a folosi jQuery LightBox plugin. Există un alt mod, mai flexibil. Uită-te la codul de mai jos. JQuery selectorul vom selecta toate elementele A, care ne interesează. Dar avantajul acestei metode nu este, chiar și în acest lucru, dar faptul că aici puteți utiliza unele opțiuni pe care le vom discuta mai jos ...
Nu am adus toate opțiunile - restul va fi capabil de a detecta dacă jquery.lightbox.js deschide fișierul și 455 găsi linia - 520.
Ce altceva se poate face cu jQuery lightbox, ca exemplu, este ușor diferit de omologii lor? Poate o zgârietură pic cu stil în fișierul lightbox.css. Ei bine, de exemplu, pentru a schimba culoarea de fundal de negru implicit pe unele verde, găsi # lightbox; Suprapunere-și schimba background-color: # 0000; pe fundal de culoare: # 00ff00; și așa mai departe ...