4.

 Galeria zdjęć

 

Galeria zdjęć

4.2. Galeria zdjęć Flash2

 

Galeria zdjęć Flash nie jest standardowym elementem programu MS FrontPage.

 

Aby utworzyć taką galerię należy dołączyć ją do strony poprzez wklejenie kilku plików i kodu w języku html. W tym miejscu niezbędne jest przypomnienie sobie kilku podstawowych zasad i komend języka html, np. TUTAJ. Jednak nawet osoby, które nie mają dużego doświadczenia w tym zakresie powinny poradzić sobie z utworzeniem galerii zdjęć Flash.

 

Tworzenie takiej galerii należy rozpocząć od pobrania folderu, któremu nadano nazwę GALERIA.

Folder ten należy rozpakować i wkleić do głównego katalogu naszej strony. Znajdują się w nim pliki, które tworzą naszą galerię Flash. Następnie na stronie, na której chcemy umieścić galerię otwieramy podgląd strony html.

 

 

 

Jak pamiętamy kod html strony internetowej składa się ze szkieletu:

 

  Ważne!      

<html>    
  <head> --> nagłówek strony
  </head>
     
  <body> --> zawartość strony
  </body>
</html>    
       

 

 

Aby umieścić kod należy wykonać następujące czynności:

 

1. W części <head> wkleić

 


<link rel="stylesheet" href="galeria/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="galeria/js/prototype.lite.js"></script>
<script type="text/javascript" src="galeria/js/moo.fx.js"></script>
<script type="text/javascript" src="galeria/js/litebox-1.0.js"></script>
 

 

gdzie "galeria" to folder w katalogu głównym strony, w którym umieściliśmy pliki naszej galerii Flash.

 

2. W części <body> wkleić

 


 body onload="initLightbox()"
 

 

pamiętając, aby nie powtarzać znacznika "body". Jeśli w części <body> mamy już np. określony kolor tła strony i zapis wygląda w ten sposób:

 


 <body bgcolor="#ECE9D8">
 

 

nasz kod wkleimy tak:

 


 <body onload="initLightbox()" bgcolor="#ECE9D8">
 

 

3. Pozostało nam już tylko wklejenie kody ze ścieżką do zdjęcia. Bedzie ona wyglądała następująco:

 


<a href="images/jowisz.jpg" rel="lightbox[obrazek]" title="Jowisz">
<img src="images/jowisz.jpg" width="120" height="75" alt="obrazek" align="center"></a>
 

 

gdzie "images/jowisz.jpg" to ścieżka do zdjęcia "jowisz.jpg" w folderze "images", a znacznik title="Jowisz" to tytuł zdjęcia, który wyświetli się poniżej.

 

Każde kolejne zdjęcie wklejamy w taki sam sposób, zmieniając już tylko właściwie nazwę pliku ze zdjęciem. Na przykład:

 


<a href="images/saturn.jpg" rel="lightbox[obrazek]" title="Saturn">
<img src="images/saturn.jpg" width="120" height="75" alt="obrazek" align="center"></a>
 

 

Po przejściu do widoku normalnego strony zobaczymy miniaturę zdjęcia Jowisza, po kliknięciu której pojawi się obrazek w rzeczywistym rozmiarze. Efekt można zobaczyć na filmie.

 

 

Galeria Flash, której instalacja i zapis został przedstawiony powyżej, to galeria LightBox2.