"nächstes Bild" mit Rollover-Effekt?

[Don P]

Hallo,

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

Die Buttons sind nicht da. Nicht in deinem Code. Nur zwei Verweise.

Ich würde das so machen:

  
var imgs = [  
  '02_alteheimat/01.jpg',  
  '02_alteheimat/02.jpg',  
  '02_alteheimat/03.jpg'  
];  
  
imgs.rotate = function (direction) {  
  
  if      (direction < 0) { this.push(this.shift());  }  
  else if (direction > 0) { this.unshift(this.pop()); }  
}  
  
function nextImg(direction) {  
  
  imgs.rotate(direction);  
  document.getElementById("rollimg").src = imgs[0];  
}  

Dann muss man nur zum Vorwärtsblättern nur nextImg(1) aufrufen und zum Rückwärtsblättern nextImg(-1).
Man braucht keinen Zähler, da einfach die Array-Elemente selbst rotiert werden. Das aktuelle Bild ist immer in imgs[0].

Jetzt möchte ich allerdings bei diesen Buttons auch noch einen Rollovereffekt einbauen.

Was meinst du mit "bei diesen Buttons"?

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

hat mir nicht geholfen

Kann auch nicht: onmouseover ist ein Event-Handler, d.h. eine function(){}, nicht nur eine Zuweisung wie "xy.src='orginal.jpg';".
Das gilt auch für onmouseout.

Also eher so (wenn xy ein img-element ist):

  
xy.onmouseover = function () { this.src = 'orginal.jpg'; };  
xy.onmouseout = function () { this.src = 'over.jpg'; };  

Gruß, Don P