nicht angemeldet
gut aber was ist jetzt verkehrt?? ich will erst eine slideshoe machen, bei der die bilder durch clicks auf "weiter" bzw. "zurück"
sich ändern!
das klappte auch bis ich die liste mit den links gemacht habe..
jetzt wird das dritte bild auf einmal ausserhalb des divs angezeigt..
warum??
hier der quelltext:
<body>
<h1> KES </h1>
<ol id="bilder">
</ol> <!-- es folgt ein script,der die navi aufbaut --!>
<script type="text/javascript">
for ( i = 1 ; i <= 63 ; i++ ) {
neuesLi = document.createElement("li");
neuerLink = document.createElement("a");
neuerLink.setAttribute("href", "javascript:navi()");
Text = document.createTextNode("Bild Nummer" + i);
document.getElementById("bilder").appendChild(neuesLi);
neuesLi.appendChild(neuerLink);
neuerLink.appendChild(Text);
}
function navi() {
alert("klappt");
}
</script>
<div id="fenster">
<img src="logo.gif">
</div>
<a href="javascript:back()" class="Mitte" id="zurück">Zurück</a>
<a href="javascript:next()" class="Mitte" id="weiter">Weiter</a>
<!-- es folgt ein script,der die slideshow bedient --!>
<script type="text/javascript">
var current = 0;
function next() {
current++;
if ( current < 10 ) {
foto = new Image(200, 200);
foto.src = 'Bilder/l00' + current + ".jpg";
document.getElementsByTagName("img")[0].src = foto.src;
current++;
} else {
foto = new Image(200, 200);
foto.src = 'Bilder/l0' + current + ".jpg";
document.getElementsByTagName("img")[0].src = foto.src;
}
if ( current >= 62 ) {
document.getElementById("weiter").style.visibility = "collapse";
}else if ( current == 0 ) {
document.getElementById("zurück").style.visibility = "collapse";
} else {
document.getElementById("weiter").style.visibility = "visible";
document.getElementById("zurück").style.visibility = "visible";
}
}/*function beenden*/
function back() {
current--;
if ( current < 10 ) {
foto = new Image(200, 200);
foto.src = 'Bilder/l00' + current + ".jpg";
document.getElementsByTagName("img")[0].src = foto.src;
} else {
foto = new Image(200, 200);
foto.src = 'Bilder/l0' + current + ".jpg";
document.getElementsByTagName("img")[0].src = foto.src;
}
if ( current >= 62 ) {
document.getElementById("weiter").style.visibility = "collapse";
}else if ( current == 0 ) {
document.getElementById("zurück").style.visibility = "collapse";
} else {
document.getElementById("weiter").style.visibility = "visible";
document.getElementById("zurück").style.visibility = "visible";
}
}
</script>
</body>
Struppi