Rollover Image

[nordi]

Hi, ich benutze die Lightbox, die vllt. einigen hier bekannt sein dürfte. Ich würde gerne den Closebutton mit einem RolloverImage-Effekt belegen, weiß aber nicht genau, wie das geht? Im Quellcode wird das Closebild wie folgt aufgerufen:

var objBottomNavCloseImage = document.createElement("img");
		objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);
		objBottomNavCloseLink.appendChild(objBottomNavCloseImage);

Ich würde gerne mit diesen Aufruf mit diesem HTML-Code etwas "aufbessern":

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('CLOSE','','lightbox/images/closelabel_h.gif',1)"><img src="lightbox/images/closelabel.gif" alt="CLOSE" name="CLOSE" width="66" height="22" border="0" id="CLOSE" /></a>

Ist dies möglich?

 

[Quaese]

Hi,

hast du schon versucht, die onmouseover- bzw. onmouseout-Events im JS zuzuweisen?

var objBottomNavCloseImage = document.createElement("img");
objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);
objBottomNavCloseImage.onmouseover = function(){MM_swapImage('CLOSE','','lightbox/images/closelabel_h.gif',1);};
objBottomNavCloseImage.onmouseover = function(){ MM_swapImgRestore()};
objBottomNavCloseLink.appendChild(objBottomNavCloseImage);

Ciao
Quaese

 

[nordi]

Hi, also es funktioniert nicht - als wäre nichts an dem Script verändert worden? Kein RolloverImage, woran kann das liegen?

 

[Quaese]

Hi,

bei mir funktioniert folgende Variante:

objBottomNavCloseImage.onmouseover = function(){ objBottomNavCloseImage.setAttribute('src', "images/closelabel_over.gif");};
objBottomNavCloseImage.onmouseout  = function(){ objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);};

Der Pfad muss selbstverständlich angepasst werden (entscheidend ist dabei die Position des Dokuments, in
welches das Script eingebunden wird).

Ciao
Quaese

 

[nordi]

Hi Leute, ich bin auf eine andere Lightbox umgestiegen, die leider auch vom Quellcode etwas anders gestrickt ist. Ich hab auch schon im CSS-Forum die gleiche Frage gestellt, da es so aussieht, dass der Closebutton durch die CSS-Datei definiert wird - was aber anscheinend nicht der Fall ist. Mir wurde vorgeschlagen die Frage nochmal im JS-Forum zu stellen. Also ich hab hier wieder die Stelle, wo der Closebutton kreiert wird:

var objClose = this.doc.createElement("a");
		objClose.setAttribute('id','lbClose');
		objClose.setAttribute((this.ie ? 'className' : 'class'), this.theme);
		objClose.setAttribute('href','#');
		objBottomNav.appendChild(objClose);

Der Aufruft "lbClose" ist in der CSS-Datei definiert. Kann man hier durch JS einen Rollover-Image Effekt einbauen? Würde ich sehr über Antworten freuen!


Marius