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

Beitrag lesen

SELF-Forum

"nächstes Bild" mit Rollover-Effekt?

cebra
– Informationen zu den Bewertungsregeln

Hallo,

Ich hab mit Javascript zwei Buttons erstellt, die durch eine Anzahl Bilder navigieren sollen. Das funktioniert auch soweit.

Jetzt möchte ich allerdings bei diesen Buttons auch noch einen Rollovereffekt einbauen. Leider hat das bisher noch nicht geklappt und auch die Suche hat mich nicht wirklich weiter gebracht.
Das übliche:

onmouseover="xy.src='orginal.jpg';"
onmouseout="xz.src='over.jpg';"

hat mir nicht geholfen, vielleicht hab ichs auch einfach falsch eingebaut.

So siehts bisher bei mir aus:

  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title> stu nicholls dot com | menu - skeleton right flyout </title>  
<meta name="Author" content="Stu Nicholls" />  
  
<link rel="stylesheet" type="text/css" href="css/navi.css" />  
<link rel="stylesheet" type="text/css" href="css/layout.css" />  
  
<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 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]

Kann mir jemand sagen, wie ich den code ändern muss?
Vielen Dank!

ps: Falls der Code falsch dargestellt werden sollte bitte ich um Verzeihung, ich nutze das Forum zum ersten mal, da ich bisher durch die Suche auf alle Fragen eine Antwort fand.

Beitrag melden
–
Informationen zu den Bewertungsregeln