Jest to prosty JavaScriptowy skrypt, służący do wyświetlania np. zdjęc.
Instrukcja:
1. Pobierz paczkę
LightBox 2.04
2. Dołącz pliki .js do dokumentu HTML:
Kod:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
3. Dołącz plik stylów LightBoxa (można go edytowac):
Kod:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
4. Do każdego obrazka, który ma byc wyświetlony w LightBoxie dołącz kod:
Kod:
rel="lightbox"
na przykład:
Kod:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
5. Jeżeli chcesz użyć ImageSet (kilka obrazków w jednym Lightboxie), dodaj do każdego obrazka kod:
Kod:
rel="lightbox[roadtrip]"
na przykład:
Kod:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
Oryginalna instrukcja i demo znajdują się tutaj:
http://www.huddletogether.com/projects/lightbox2/
W razie problemów piszcie, będę starał się pomagać
Zaloguj
Zarejestruj
FAQ
Szukaj
