Wszystko pisze na stronie którą ci podałem i w readme po ściągnięciu skryptu ale ok Proszę:
1. Pobierasz to:
http://www.dynamicdrive.com/dynamicindex4/lightbox2/lightbox2.03a.zip
2. Foldery CSS, images, js kopiujesz tam gdzie masz swój plik ze stroną czyli np index.html
3. Do sekcji HEAD dodajesz:
4. Jeżeli jest to jedno zdjęcie na stronie dodajesz do linku do obrazka:
Jeżeli więcej to do każdego linku dodajesz:
Przykład dla pojedynczego obrazka:
Dla całej galerii:
5. Przykładowa strona:
Jeżeli dalej czegoś nie wiesz lub nie rozumiesz topisz
EDIT//
Niestety ale wprowadziłem cię w mały błąd. LightBox nie działa na coś takie jak ty chcesz czyli żeby zdjęcie samo się wyświetlało z efektem ładowania. LightBox działa dopiero po kliknięciu.
Rano jak będę miał chwilkę to załatwię ci jakiś skrypt
1. Pobierasz to:
http://www.dynamicdrive.com/dynamicindex4/lightbox2/lightbox2.03a.zip
2. Foldery CSS, images, js kopiujesz tam gdzie masz swój plik ze stroną czyli np index.html
3. Do sekcji HEAD dodajesz:
Kod:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />4. Jeżeli jest to jedno zdjęcie na stronie dodajesz do linku do obrazka:
Kod:
rel="lightbox"Jeżeli więcej to do każdego linku dodajesz:
Kod:
rel="lightbox[roadtrip]"Przykład dla pojedynczego obrazka:
Kod:
<a href="images/obrazek.jpg" rel="lightbox" title="my caption">Link do obrazka lub tekst</a>Dla całej galerii:
Kod:
<a href="images/obrazek1.jpg" rel="lightbox[roadtrip]">Link do obrazka lub tekst</a>
<a href="images/obrazek2.jpg" rel="lightbox[roadtrip]">Link do obrazka lub tekst</a>
<a href="images/obrazek3.jpg" rel="lightbox[roadtrip]">Link do obrazka lub tekst</a>5. Przykładowa strona:
Kod:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<title>strona www</title>
</head>
<BODY BACKGROUND="images/tlo.jpg">
<IMG SRC="image/abs.jpg" WIDTH="1200" HEIGHT="900" BORDER="0" rel="lightbox">
</body>
</html>Jeżeli dalej czegoś nie wiesz lub nie rozumiesz topisz
EDIT//
Niestety ale wprowadziłem cię w mały błąd. LightBox nie działa na coś takie jak ty chcesz czyli żeby zdjęcie samo się wyświetlało z efektem ładowania. LightBox działa dopiero po kliknięciu.
Rano jak będę miał chwilkę to załatwię ci jakiś skrypt
