cebra: "nächstes Bild" mit Rollover-Effekt?

Beitrag lesen

SELF-Forum

"nächstes Bild" mit Rollover-Effekt?

cebra
– Informationen zu den Bewertungsregeln

Danke schonmal für die Antwort.
Heißt das bei deiner Version wäre es egal wie viele Bilder im Ordner sind, solange sie durchnummeriert werden? Oder müssen die Bilder trotzdem im Script erscheinen?

Ich hab wohl aus Versehen den Teil, in dem die Buttons sind nicht reinkopiert.
Hier nochmal eine Aktualisierung meines codes:

  
<script src="css/stuHover.js" type="text/javascript"></script>  
<script type="text/javascript">  
/* <![CDATA[ */  
  
var imgs = new Array();  
var imgcnt = 0;  
var thisimg = 0;  
  
imgs[imgcnt++] = '02_alteheimat/01.jpg';  
imgs[imgcnt++] = '02_alteheimat/02.jpg';  
imgs[imgcnt++] = '02_alteheimat/03.jpg';  
  
function nextImg() {  
  if (document.images) {  
      thisimg++;  
      if (thisimg >= imgcnt)  
          thisimg = 0;  
document.getElementById("rollimg").src = imgs[thisimg];  
  }  
}  
  
function prevImg() {  
    if (document.images) {  
        thisimg--;  
        if (thisimg < 0)  
            thisimg = imgcnt-1;  
document.getElementById("rollimg").src = imgs[thisimg];  
    }  
}  
/* ]]> */  
</script>

</head>

  
<body>  
<div id="container">  
<div class="galerie">  
<img src="02_alteheimat/02.jpg" alt="Bildwechsel mit Javascript" width="0" height="1" />  
                  <!-- preload -->  
<img src="02_alteheimat/01.jpg" alt="Bildwechsel mit Javascript" id="rollimg"/></div>  
  
  
<div>  
    [code lang=javascript]<script type="text/javascript">  
			<!--  
	document.write ('<p><a href="javascript:prevImg()"><img src="images/links.gif" alt=""/><\/a><a href="javascript:nextImg()"><img src="images/rechts.gif" alt="" /><\/a><\/p>');  
			// -->  
			</script>

</div>
</ul>
</div>
</div>
</body>
</html>[/code]

Und für links.gif und rechts.gif möchte ich nun einen Rollover-Effekt.
Ich hoffe es ist nun klarer.

Beitrag melden
–
Informationen zu den Bewertungsregeln