Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Bildwechsel im Golive





Frage

Ich würde gerne einen Bildwechsel im Go-live erstellen. und zwar dass sich immer wenn man auf den button "weiter" klickt, sich dass bild ändert. Wie ist das möglich?

Antwort 1 von rfb

dies in den head-Bereich (ich kenne golive nicht, aber auch dort müsste es sowas wie eine "Quelltextansicht" geben)

<script type="text/javascript">
<!--
var bilder=new Array("bild1.jpg", "bild2.jpg", bild3.jpg", ...);
var bildnr=0;
var bild_max=bilder.length;
function wechsel() {
bildnr=(bildnr==bild_max)?0:bildnr+1;
document.getElementbyId("anzeige").src=bilder[bildnr];
}
//-->
</script>


und dies im body:
<img src="bild1.jpg" width="300" height="200" alt="Bildbeschreibung" id="anzeige"><br>
<a href="javascript:wechsel()">Hier klicken für das nächste Bild</a>


Antwort 2 von rfb

sorry ein kleiner Fehler hat sich eingeschlichen, der höchste Index im Array bilder ist natürlich nicht bilder.length sondern bilder.length-1,
also muss es richtig heißen:
<script type="text/javascript"> 
<!-- 
var bilder=new Array("bild1.jpg", "bild2.jpg", bild3.jpg", ...); 
var bildnr=0; 
var bild_max=bilder.length-1; 
function wechsel() { 
bildnr=(bildnr==bild_max)?0:bildnr+1; 
document.getElementById("anzeige").src=bilder[bildnr]; 
} 
//--> 
</script>


Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: