Redigering af script :)

hvad skete der med de links...hmm..
http://hjem.get2net.dk/hirtshals/javascripts/Imageseffects/Altimageswap/Altimageswap.htm
?

det var bedre

Jeg har ikke redigeret det du henviste til, men levet et lille simpelt script der gør det du ønsker, og ikke andet.

Du ændre bare navnene på billederne, og kopierer linierne det ønskede antal gange, jeg er startet, så fremgangsmåden burde fremgå.


<HTML>
<HEAD><TITLE>button+dot</TITLE>
<Script Language=Javascript>

var dot_on = new Image();    dot_on.src = \'dot_on.bmp\';
var dot_off = new Image();    dot_off.src = \'dot_off.bmp\';

var img_on = new Array();
img_on[1] = new Image();    img_on[1].src = \'dot_on.bmp\';
img_on[2] = new Image();    img_on[2].src = \'dot_on.bmp\';

var img_off = new Array();
img_off[1] = new Image();    img_off[1].src = \'dot_off.bmp\';
img_off[2] = new Image();    img_off[2].src = \'dot_off.bmp\';


function mark(img_nr)
{
    eval(\'document.form1.img\'+img_nr+\'.src = img_on[\'+img_nr+\'].src\');
    eval(\'document.form1.dot\'+img_nr+\'.src = dot_on.src\');
}

function unmark(img_nr)
{
    eval(\'document.form1.img\'+img_nr+\'.src = img_off[\'+img_nr+\'].src\');
    eval(\'document.form1.dot\'+img_nr+\'.src = dot_off.src\');
}

</Script>
</HEAD>
<BODY>
<Form name=form1>
<Img src=\"dot_off.bmp\" name=\"img1\" OnMouseOver=\"mark(\'1\')\" OnMouseOut=\"unmark(\'1\')\">
<Img src=\"dot_off.bmp\" name=\"dot1\" OnMouseOver=\"mark(\'1\')\" OnMouseOut=\"unmark(\'1\')\"><BR>

<Img src=\"dot_off.bmp\" name=\"img2\" OnMouseOver=\"mark(\'2\')\" OnMouseOut=\"unmark(\'2\')\">
<Img src=\"dot_off.bmp\" name=\"dot2\" OnMouseOver=\"mark(\'2\')\" OnMouseOut=\"unmark(\'2\')\"><BR>
</FORM>
</BODY>
</HTML>

<ole>
Det er da noget rod!...Hvad vil du dog bruge formen til...?!?

Den rigtige måde er:

<html>
<head>
<script language=\"JavaScript\">
<!--
var picNum = 5;  //  Antallet af dine billeder
myPics = new Array();
function preLoad() {
    for (i=0; i<picNum; i++) { myPics[i] = new Image(); }
    myPics[0].src = \"1on.gif\";
    myPics[1].src = \"2on.gif\";
    myPics[2].src = \"3on.gif\";
    myPics[3].src = \"4on.gif\";
    myPics[4].src = \"5on.gif\";
}
function swap(img_name,img_src) {
    document.images[img_name].src = img_src;
}
//-->
</script>
</head>
<body onload=\"preLoad();\">

<a href=\"1.html\" onmouseover=\"swap(\'no1\',\'1on.gif\');\" onmouseout=\"swap(\'no1\',\'1.gif\');\">Link 1</a><img src=\"1.gif\" name=\"no1\" id=\"no1\">
<a href=\"2.html\" onmouseover=\"swap(\'no2\',\'2on.gif\');\" onmouseout=\"swap(\'no2\',\'2.gif\');\">Link 2</a><img src=\"2.gif\" name=\"no2\" id=\"no2\">
<a href=\"3.html\" onmouseover=\"swap(\'no3\',\'3on.gif\');\" onmouseout=\"swap(\'no3\',\'3.gif\');\">Link 3</a><img src=\"3.gif\" name=\"no3\" id=\"no3\">
<a href=\"4.html\" onmouseover=\"swap(\'no4\',\'4on.gif\');\" onmouseout=\"swap(\'no4\',\'4.gif\');\">Link 4</a><img src=\"4.gif\" name=\"no4\" id=\"no4\">
<a href=\"5.html\" onmouseover=\"swap(\'no5\',\'5on.gif\');\" onmouseout=\"swap(\'no5\',\'5.gif\');\">Link 5</a><img src=\"5.gif\" name=\"no5\" id=\"no5\">

</body>
</html>

/Vh
</bole>

mkp >> Det er aldrig en fordel at introducere unødige elementer (eller objekter) på en side.

Det er også smartere at preloade billederne, når siden er loaded (på onload). På din måde skal man vente med at se nogen billeder, til de alle - både on- og off-billederne - er preloaded...så først går du igang med at indlæse siden. Hvis der er tale om mange billeder, bliver det til temmelig lang tid - og off-billederne bliver alligevel loaded, når de indlæses på siden.

Man kunne sagtens sy dette script lidt om, så kaldet blot blev ét tal...det er blot mere generisk på denne måde.
Og så ALDRIG BMP-billeder på et website...jpg, gif eller png - de understøttes på WWW...det gør BMP ikke.
/Vh
/Vh

har ikke testet dit script endnu olebole, men stoler på dig, du ka dit javascript *G*

For god ordens skyld vil jeg sige, at jeg lige har testet det, og det virker perfekt, tak for det olebole :)

Milo... Vil du ikke lave lidt billeder for mig? [for points]