🚀 go-pugleaf

Witam!

Szukam skryptu do www dotyczącego przeglądarki grafiki. Otóż chciałbym aby 
na stronie (po załadowaniu) pojawiło się jakieś zdjęcie wraz ze strzałkami 
obok, i korzystając z nich, może było przejść na następna zdjęcie. Czyli coś 
takiego jak w przykładzie poniżej. Zależy mi jednak na dwóch dodatkowych 
rzeczach:
1. Aby przejście między grafikami było płynne (np. zdjęcie 1 przesuwa się w 
lewo i zamiast niego wchodzi zdjęcie nr 2).
2. Aby pod każdym nowym zdjęciem pojawiała się informacja o tym zdjęciu 
(poniżej zdjęcia) typu: "zdjęcie to przedstawia panoramę torunia, bla bla 
bla... .


Jeśli ktoś wie jak by miał wyglądać taki skrypt, to bardzo proszę o info.

P.S. A może lepiej go zrobić nie w JavaScript?

Pozdrawiam!
Sebek



<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
var czas_przejscia_sek = 10;
var nr = 0;
var id_auto = 0;
var id_przejscie = 0;
var przejscie = false;
function wyswietl(n)
{
if (przejscie && !document.przegladarka.pokaz_slajdow.checked) { przejscie = 
false; return }
if (n < 0) n = 0;
if (n > document.przegladarka.obrazki.length-1) n = 
document.przegladarka.obrazki.length-1;
if (document.images) document.images['img'].src = 
document.przegladarka.obrazki.options[n].value;
nr = n;
document.przegladarka.obrazki.options[n].selected = true;
if (nr == 0)

{
document.przegladarka.poczatek.disabled = true;
document.przegladarka.poprzedni.disabled = true;
document.przegladarka.nastepny.disabled = false;
document.przegladarka.koniec.disabled = false;
}

else if (nr == document.przegladarka.obrazki.length-1)

{
document.przegladarka.poczatek.disabled = false;
document.przegladarka.poprzedni.disabled = false;
document.przegladarka.nastepny.disabled = true;
document.przegladarka.koniec.disabled = true;
}

else

{
document.przegladarka.poczatek.disabled = false;
document.przegladarka.poprzedni.disabled = false;
document.przegladarka.nastepny.disabled = false;
document.przegladarka.koniec.disabled = false;
}

document.przegladarka.obrazki.selectedIndex = n;
przejscie = false;
if (document.przegladarka.pokaz_slajdow.checked) przewin();
}
function przewin()
{
clearTimeout(id_auto);
if (document.przegladarka.pokaz_slajdow.checked && document.images)
{
if (!przejscie && document.images['img'].complete)
{
clearTimeout(id_przejscie);
przejscie = true;
id_przejscie = setTimeout('wyswietl((nr == 
document.przegladarka.obrazki.length-1 ? 0 : nr+1))', 
czas_przejscia_sek*1000);
}
id_auto = setTimeout('przewin()', 500);
}
}
</SCRIPT>

<HEAD>
<BODY>

<FORM NAME="przegladarka">
<TABLE ALIGN="center">
<TR>

<TD ALIGN="center"><INPUT TYPE="button" NAME="poczatek" VALUE="|&lt;&lt;" 
DISABLED TITLE="Początek" style="font-size: 8pt" 
onclick="wyswietl(0)"><INPUT TYPE="button" NAME="poprzedni" VALUE=" &lt;&lt; 
" DISABLED TITLE="Poprzedni" style="font-size: 8pt; font-weight: bold" 
onclick="wyswietl(--nr)">&nbsp;&nbsp;&nbsp;<SELECT NAME="obrazki" 
onchange="wyswietl(this.selectedIndex)">

<OPTION VALUE="1.jpg">zdjecie 1
<OPTION VALUE="2.jpg">zdjecie2

</SELECT>&nbsp;&nbsp;&nbsp;<INPUT TYPE="button" NAME="nastepny" VALUE=" 
&gt;&gt; " TITLE="Następny" style="font-size: 8pt; font-weight: bold" 
onclick="wyswietl(++nr)"><INPUT TYPE="button" NAME="koniec" 
VALUE="&gt;&gt;|" TITLE="Koniec" style="font-size: 8pt" 
onclick="wyswietl(document.przegladarka.obrazki.length-1)"><BR>

<INPUT TYPE="checkbox" NAME="pokaz_slajdow" CHECKED 
onclick="przewin()">&nbsp;Pokaz&nbsp;slajdów</TD>

</TR>
</TABLE>
<BR>
<DIV ALIGN="center"><IMG NAME="img" SRC="1.jpg"></DIV>
</FORM>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
if (location.search && !isNaN(parseInt(location.search.substring(1))-1))
{
document.przegladarka.pokaz_slajdow.checked = 
(location.search.toLowerCase().indexOf('&auto') == -1 ? false : true);
wyswietl(parseInt(location.search.substring(1))-1);
}
przewin();
//-->
</SCRIPT>