FrogJS - Galeria zdjęć - karuzela

FrogJS jest sekwencyjną galerią zdjęć, która obsługuje opcjonalny opis i link dla każdego obrazu. Umożliwia przeglądanie zdjęć w kolejności, po kliknięciu na miniaturkę, poprzedni i następny obraz. Każdy slajd obrazu jest definiowany jako zwykły HTML zawarty w specjalnym znacznika DIV na stronie, dzięki czemu jest bardzo łatwy w konfiguracji, w tym jej odpowiedni opis i link. Obsługuje każdy rozmiar obrazu: FrogJS został stworzony do pracy z dowolnym rozmiarze. Miniatury są umieszczone po lewej i prawej krawędzi DIV-a. Wszystko co musisz zrobić, to zostawić wystarczająco dużo miejsca na wszystko (np. jeśli miniatura ma100px szerokości a twój główny obraz ma 400px szerokości, to musisz ustawić div w skrypcie FrogJS na szerokość co najmniej 600px). Wszystko jest zdefiniowana jako zwykły HTML na stronie, dzięki czemu można łatwo wszystko skonfigurować.

Przykład można podejrzeć u autorów skryptu TUTAJ

A oto kod dla sekcji HEAD:

<script type="text/javascript" src="/scripts/prototype.js"></script>  
<script type="text/javascript" src="/scripts/scriptaculous.js?load=effects"></script>  
<script type="text/javascript" src="/scripts/frog.js"></script>    

<style type="text/css">  
#FrogJS{  
width: 760px;  
height: 600px;  
margin: 0 auto;  
}  
#FrogJSCredit{  
text-align: right;  
font-size: 80%;  
color: #999;  
padding: 1px;  
}  
#FrogJSCaption{  
text-align: left;  
line-height: 140%;  
}  
</style>

Oraz kod wywołania w sekcji BODY:

i oczywiście paczka całego skryptu FrogJS1.1.zip , który należy rozpakować i umieścić na serwerze.