Gnoll: OnClick Bilderfolge

Beitrag lesen

SELF-Forum

OnClick Bilderfolge

Gnoll
– Informationen zu den Bewertungsregeln

Hallo Gnoll,

  1. Lerne JavaScript... :)

  2. Das Script:

var pics = new Array('pfad1','bild2','bild3') //Hier die Bilder mit Pfad

function changeImage () {

var bild = document.getElementById('bild');
var actPath = bild.src;

for (i = 0; i < pics.length; i++) {
if ( actPath == pics[i] ) {
if ( i == pics.length - 1 ) {
// Bild 1 wieder laden...
bild.src = pics[0]
}
else {
bild.src = pics[i + 1]
}
}
}
}

  1. Musst du deinem Bild die id="bild" geben damit das funktioniert. Eventuell bekommst du etwas ärger mit den Pfadangaben, wenn du diese komplett in das Array einträgst, sollte es aber gehen.

Viel Spass damit.

Gruß

Carsten

Danke für deine Hilfe!
Ich habe es asuprobiert aber es funktioniert nicht :,(
Hier der Quellcode:
<html>
<head>
<title>Switch</title>
<script language="javascript">
var pics = new Array('bild.gif','bild2.gif','bild3.gif')

function changeImage () {

var bild = document.getElementById('bild');
var actPath = bild.src;

for (i = 0; i < pics.length; i++) {
if ( actPath == pics[i] ) {
if ( i == pics.length - 1 ) {
bild.src = pics[0]
}
else {
bild.src = pics[i + 1]
}
}
}
}

</script>
</head>

<body bgcolor="#93BBD2">

<h2 align="center"><a name="Switch">Switch</a></h2>
<div align="center"><center>

<table border="0" width="80%">
<tr>
<td width="50%" align="center"><img src="bild.gif" onclick="changeimage ()">
</td>
</tr>
</table>
</center>
</body>
</html>

Wenn ich auf das Bild klicke kommt "Fehler auf der Seite"!
mfg

Beitrag melden
–
Informationen zu den Bewertungsregeln