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:

<div id="FrogJS">

<a href="/images/1.jpg" title="Jolie Myers / The State News" rel="http://portfolio.statenews.com/users/Jolie_Myers/">
<img src="/images/1_thumb.jpg" alt="An attendee of Rabbi Hendel Weingarten's Purim service at Chabad House on Elizabeth Street in East Lansing uses a noisemaker after the name of Haman is read." />
</a>

<a href="/images/2.jpg" title="Jolie Myers / The State News">
<img src="/images/2_thumb.jpg" alt="Junior wide receiver Terry Love is taken down by Illinois safety Kyle Knezetic September 30 at Spartan Stadium. The Fighting Illini beat the Spartans, 23-20, with a fourth-quarter field goal scored in the last 20 seconds of the game." />
</a>

<a href="/images/4.jpg" title="Jolie Myers / The State News">
<img src="/images/4_thumb.jpg" alt="Kevin Bozeman performs his comedy routine at Connxtions Comedy Club in Lansing shortly after the death of Richard Pryor. Bozeman said Pryor influenced all comedians, not just black performers." />
</a>

</div>

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

 

Projekt © 2009 - INFOPROG 67920 odwiedzin