Alex: Problem bei Bildwechselscript

Beitrag lesen

SELF-Forum

Problem bei Bildwechselscript

Alex
– Informationen zu den Bewertungsregeln

Top! Funktioniert einwandfrei!
Habe mal ein bisschen rumprobiert die Möglichkeit einzubauen manuell zwischen den Bildern zu wechseln und habe deshalb einen Ramen um das "Wechselbild" gebastelt, der vier Grafiken enthält, die wenn auf sie geklickt wird, das "Wechselbild" zum jeweiligen Bild wechseln lassen sollen. Es klappt allerdings nicht so wirklich. Villeicht könnt ihr mir da ja ein wenig behilflich sein.

  
<!--  
var bildnummer = 0;  
  
function bildwechsel_starten() {  
  bildwechselthread = setInterval("bildwechsel()", 1000);  
}  
  
function bildwechsel() {  
  if (bildnummer < 4) {  
    bildnummer += 1;  
  
  }  
  else {  
    bildnummer = 1;  
  }  
  document.getElementById("wechselndesbild").src = bildnummer + ".jpg";  
}  
  
function wechselzubild1(){  
bildnummer = 1;  
}  
function wechselzubild2(){  
bildnummer = 2;  
}  
function wechselzubild3(){  
bildnummer = 3;  
}  
function wechselzubild4(){  
bildnummer = 4;  
}  
-->  


  
<body onload="bildwechsel_starten()">  
  
<div id="bildverlauf">  
   <img id="wechselndesbild" src="1.jpg" />  
   <div id="bildauswahl">  
		  
			<li> <a href="#" onclick="wechselzubild1()"><img id="punkt1" src="bildauswahlpunkt.gif" /></a>  
			<li> <a href="#" onclick="wechselzubild2()"><img id="punkt2" src="bildauswahlpunkt.gif" /></a>  
			<li> <a href="#" onclick="wechselzubild3()"><img id="punkt3" src="bildauswahlpunkt.gif" /></a>  
			<li> <a href="#" onclick="wechselzubild4()"><img id="punkt4" src="bildauswahlpunkt.gif" /></a>  
		  
   </div>  
</div>  
  
</body>  


  
#wechselndesbild{  
border-radius: 10px;  
width: 900px;  
height: 300px;  
margin-left: 5px;  
margin-top: 5px;  
}  
  
#bildverlauf{  
height: 330px;  
width: 910px;  
background: grey;  
border-radius: 10px;  
box-shadow: 5px 5px 5px 5px #ccc;  
}  
  
#bildauswahl{  
height: 25px;  
width: 200px;  
margin-left: 355px;  
background: grey;  
margin-top: 0px;  
}  
  
#bildauswahl li {  
list-style: none;  
text-decoration: none;  
margin-left: 0px;  
float: left;  
margin-top: 0px;  
background: url(bildauswahlpunkt_weis.gif);  
}  
  
#bildauswahl li:hover{  
background: url(bildauswahlpunkt_grau.gif);  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln