Strona główna  |  Download  |  Galeria  |  Video  |  Artykuły  |  Kontakt

SERWIS DOMOWY  

Strona główna
Download
Galeria
Video
Software
Internet
Webmaster
Faq
Inne
Współpraca
Reklama
Kontakt

...............................

     RSS


....Lightbox....

Wstęp

     Lighbox to skrypt napisany w JavaScript, umożliwiający proste i efektowne otwieranie plików graficznych. Dzięki niemu możemy w bardzo łatwy sposób uatrakcyjnić np. naszą galerie. Oto efekt działania skryptu (wystarczy kliknąć na zdjęciu):

fota2

Instalacja

     Instalacja jest stosunkowo prosta. Wystarczy skopiować kilka plików i dopisać pare linijek kodu. Potrzebnie pliki można pobrać Tutaj. Po ściągnięciu i wypakowaniu archiwum zobaczymy 3 pliki z kodem (effects.js, prototype.js oraz lightbox.js) a także 2 pliki z grafiką (loading.gif i closelabel.gif). Należy wrzucić je na serwer oraz w sekcji <HEAD> wpisać następujący kodu (oczywiście aby skrypt zadziałał wszystkie ścieżki musza być prawidłowe).

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript">
      var fileLoadingImage = "loading.gif";
      var fileBottomNavCloseImage = "closelabel.gif";
</script>

Na koniec aby wyświetlić obrazek wpisujemy np.

<a href="../image/fota.jpg" rel="lightbox" title="fota2">
      <img src="../image/fota2.jpg" border="0" alt="fota2" />
</a>

Gdzie alt="fota2" to napis pod fotografią.

Wstecz


Design created by luQ

Copyright © 2007