nicht angemeldet
Fotoshow Script mit Kleiner vorschau
Hi erstmal,
zum anfang ich haben den themen sonstiges gewählt weil
es das was ich suche in verschieden formen gibt!!
Also ich such ein script, mit dem ich eine fotoshow zeigen kann,
ich stelle mir das so vor man klickt auf die seite
wo es später zu sehen sein soll und man sieht halt die ganzen fotos
in einen kleiner vorschau oder thumb... heißt das auch
die fotos sollen aus einem extra ordner auf die seite gelesen werden
und wen es geht würde ich da noch gern ein kleinen kommentar
hinzuschreiben wollen. das wäre super.
Aber das dumme ist, ich habe wirklich überall gesucht, habe zwar auch was gefunden aber könnte es nie wirklich umsetzen wie ich das gern
hätte.
deshalb frage ich euch könnt ihr mir in irgenteiner art helfen.
-
Hi, meinst du so etwas?:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Diashow</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
if(document.images)
{
bild1 = new Image;
bild1.src = "img/book.gif";
bild2 = new Image;
bild2.src = "img/back.gif";
bild3 = new Image;
bild3.src = "img/badcarrot.gif";
bild4 = new Image;
bild4.src = "img/absende.gif";
}
else
{
var mein_bild = "";
var anfang = "";
}var zaehler = 1;
function dia(zahl)
{
if(zahl > 0)
{
if(zaehler == 4)
{
zaehler = 0;
}
zaehler = zaehler + zahl;
document.bild.src = eval("bild" + zaehler + ".src");
if(document.bild.src == bild1.src)
{
document.forms[0].elements[0].value = "Buch";
}
else if(document.bild.src == bild2.src)
{
document.forms[0].elements[0].value = "Zurück";
}
else if(document.bild.src == bild3.src)
{
document.forms[0].elements[0].value = "Karotte";
}
else if(document.bild.src == bild4.src)
{
document.forms[0].elements[0].value = "Absenden";
}
}
else
{
zaehler = zaehler + zahl;
if(zaehler == 0)
{
zaehler = 4;
}
document.bild.src = eval("bild" + zaehler + ".src");
}
}
//-->
</script>
</head><body bgcolor="#669999" onLoad="setInterval('dia(+1)', 1000)">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="25%" align="center"><a href="#" onClick="dia(-1)">Zurück</a></td>
<td width="50%" align="center"><img src="img/book.gif" name="bild"><br><form><input type="text" value="Buch"></form></td>
<td width="25%" align="center"><a href="#" onClick="dia(+1)">Vor</a></td>
</tr>
</table>
</body>
</html>Lässt sich gut modifizieren, ist einfach und sollte funktionieren