nicht angemeldet
Hallo zusammen,
leider bin ich nicht besonders firm in JS, trotzdem möchte ich dann und wann damit arbeiten ;-) Folgendes Problem stellt sich:
Ich möchte einen mouseover-effect erzeugen, sobald ich mit der Maus über einen normalen Textbereich fahre. Dabei soll mein Logo per Zufallsgenerator durch eines von fünf möglichen Bildern gehighlightet werden.
Ein weiteres Prob ist auch die Art, wo ich den mouseover erzeuge. Unter IE, Mozilla NN6x kann ich einen <span>-Tag verwenden, nicht aber unter NN4x. Was kann ich hier tun, wenn ich keinen Pseudolink benutzen will?
Untenstehenden Code habe ich in einer Newsgroup gefunden und modifiziert, aber so ganz klappts noch nicht. Hat jemand Lust und Zeit, mit beim debuggen zu helfen?
Danke
Alexander
<SCRIPT LANGUAGE="JavaScript">
<!--
// RANDOM IMAGES
function getRandomImage()
{
theNum=Math.floor(5 * Math.random());
theNum = theNum + 1;
var msg= "img"+theNum+"on.src";
return msg;
}
// PRELOAD IMAGES
img1on = new Image();
img1on.src = "logo_1.gif";
img2on = new Image();
img2on.src = "logo_2.gif";
img3on = new Image();
img3on.src = "logo_3.gif;
img4on = new Image();
img4on.src = "logo_4.gif";
img5on = new Image();
img5on.src = "logo_5.gif";
img1off = new Image();
img1off.src = "logo.gif";
// MOUSEOVER FUNCTIONS
function showrandom(imgName) {
document.images[imgName].src = getRandomImage();
alert(getRandomImage());
}
function showlogo(imgName) {
document.images[imgName].src = eval(imgName + "off.src");
}
// -->
</SCRIPT>
---body---
<img src="logo.gif" alt="" name="logo" border="0">
<a href="#" onclick="return false" onMouseover="function(showrandom);"
onMouseout="function(showlogo);">TEST</a>