mouseover

Enten forstår jeg ikke spørgsmålet (det tror jeg nu nok jeg gør) eller også må svaret være NEJ!

kmx~~ kan du så et script med GhangeImg og preload i et? Gerne et eks.

<HTML lang="en">
<HEAD>
<TITLE>Delayed Image Loader JavaScript Demo</TITLE>
<SCRIPT TYPE="text/javascript" language="JavaScript"><!--
var loaded = false;

if (document.images) {
    img1off = new Image();img1off.src = "images/img1off.gif";
    img2off = new Image();img2off.src = "images/img2off.gif";
    img3off = new Image();img3off.src = "images/img3off.gif";
}


function imageLoad() {
    if (document.images) {
        img1on = new Image();img1on.src = "images/img1on.gif";
        img2on = new Image();img2on.src = "images/img2on.gif";
        img3on = new Image();img3on.src = "images/img3on.gif";
        return (loaded = true);
    }
}

function rollOut(imgName) {
    if (document.images) {
        document[imgName].src = eval(imgName+"off.src");
    }
}

function rollIn(imgName) {
    if (document.images && (loaded == true)) {
        document[imgName].src = eval(imgName+"on.src");
    }
}
//--></SCRIPT>

</HEAD>
<BODY TEXT="#400000" BGCOLOR="#FFFFCC" onLoad='imageLoad()'>

<P>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="150">
<TR><TD>
    <P><A HREF="#" onMouseOver="rollIn('img1');return true" onMouseOut="rollOut('img1');return true;">
    <IMG SRC="images/img1off.gif" WIDTH=100 HEIGHT=20 BORDER=0 NAME="img1"></A>
</TD></TR>
<TR><TD>
    <P><A HREF="#" onMouseOver="rollIn('img2');return true" onMouseOut="rollOut('img2');return true;">
    <IMG SRC="images/img2off.gif" WIDTH=100 HEIGHT=20 BORDER=0 NAME="img2"></A>
</TD></TR>
<TR><TD>
    <P><A HREF="#" onMouseOver="rollIn('img3');return true" onMouseOut="rollOut('img3');return true;">
    <IMG SRC="images/img3off.gif" WIDTH=100 HEIGHT=20 BORDER=0 NAME="img3"></A>
</TD></TR>
</TABLE>

</BODY>
</HTML>

Det er bare noget med at lægge en stak funktioner / subrutiner i samme script.
Du kan se det i funktion på:
http://www.irt.org/articles/js066/example.htm

<ole>

<html>
<head>
<script language="javascript">
<!--

var myPicsOn = new Array();
var myPicsOff = new Array();

function preload() {
    for (i=0; i<4; i++) {
        myPicsOn[i] = new Image();
        myPicsOff[i] = new Image();
    }
    myPicsOn[0].src = "et_on.gif";
    myPicsOff[0].src = "et.gif";
    myPicsOn[1].src = "to_on.gif";
    myPicsOff[1].src = "to.gif";
    myPicsOn[2].src = "tre_on.gif";
    myPicsOff[2].src = "tre.gif";
    myPicsOn[3].src = "fire_on.gif";
    myPicsOff[3].src = "fire.gif";
}

function swapOn(img_name,img_src) {
    document.images[img_name].src = myPicsOn[img_src];
}
function swapOff(img_name,img_src) {
    document.images[img_name].src = myPicsOff[img_src];
}

//-->
</script>
</head>
<body onload="preload();">

<a href=# onmouseover=swapOn('imgNr1','1') onmouseout=swapOff('imgNr1','1')><img src="et.gif" name="imgNr1"></a>
<a href=# onmouseover=swapOn('imgNr2','2') onmouseout=swapOff('imgNr2','2')><img src="to.gif" name="imgNr2"></a>
<a href=# onmouseover=swapOn('imgNr3','3') onmouseout=swapOff('imgNr3','3')><img src="tre.gif" name="imgNr3"></a>
<a href=# onmouseover=swapOn('imgNr4','4') onmouseout=swapOff('imgNr4','4')><img src="fire.gif" name="imgNr4"></a>

</body>
</html>

I if-sætningen skal 'i<4' ændres til 'i<dit aktuelle antal billeder'
/Vh
</bole>

Ups...der var en side, der ikke var opdateret ;-)