als je je muis op het plaatje houdt(mouseover) dan gaat er een functie runnen(picstart) die ervoor zorgt dat dat plaatje in 5 stappen veranderd naar een ander plaatje. Als je dan op een map op dat plaatje klikt moet er weer een andere functie runnen.
Het probleem is dat als ik mijn muis over de image map van het plaatje houd, dan stopt de mouseover van het plaatje en springt het plaatje weer terug naar nummer 1 ipv op nummer 5 te blijven staan.
het lijkt er nu dus op alsof er een gat in de image zit waar de mouseover niet meer werkt
<script language="JavaScript" type="text/javascript">
var load = 0;
var no = 1;
var ja = 1;
pic1 = new Image();
pic1.src = "ds1.jpg";
pic2 = new Image();
pic2.src = "ds2.jpg";
pic3 = new Image();
pic3.src = "ds3.jpg";
pic4 = new Image();
pic4.src = "ds4.jpg";
pic5 = new Image();
pic5.src = "ds5.jpg";
function klik()
{
if (load == 5)
window.location="http://www.hotmail.com";
}
function picstart()
{
if (!(load == 5))
{load = load + 1;}
document.images['ds'].src = eval("pic" + load + ".src");
if (!(load == 5))
{setTimeout('picstart()',100);}
}
function picstop()
{
if (!(load == 1))
{load = load - 1;}
document.images['ds'].src = eval("pic" + load + ".src");
if (!(load == 1))
{setTimeout('picstop()',100);}
}
</script>
<body>
[img]"ds1.jpg"[/img]
<map name="ds">
<area shape="rect" coords="317,190,508,249" onclick="klik()">
</map>
</body>
iemand enig idee hoe ik die mouseover funtie ook op die imagemap kan later werken?
bvd
Het probleem is dat als ik mijn muis over de image map van het plaatje houd, dan stopt de mouseover van het plaatje en springt het plaatje weer terug naar nummer 1 ipv op nummer 5 te blijven staan.
het lijkt er nu dus op alsof er een gat in de image zit waar de mouseover niet meer werkt
<script language="JavaScript" type="text/javascript">
var load = 0;
var no = 1;
var ja = 1;
pic1 = new Image();
pic1.src = "ds1.jpg";
pic2 = new Image();
pic2.src = "ds2.jpg";
pic3 = new Image();
pic3.src = "ds3.jpg";
pic4 = new Image();
pic4.src = "ds4.jpg";
pic5 = new Image();
pic5.src = "ds5.jpg";
function klik()
{
if (load == 5)
window.location="http://www.hotmail.com";
}
function picstart()
{
if (!(load == 5))
{load = load + 1;}
document.images['ds'].src = eval("pic" + load + ".src");
if (!(load == 5))
{setTimeout('picstart()',100);}
}
function picstop()
{
if (!(load == 1))
{load = load - 1;}
document.images['ds'].src = eval("pic" + load + ".src");
if (!(load == 1))
{setTimeout('picstop()',100);}
}
</script>
<body>
[img]"ds1.jpg"[/img]
<map name="ds">
<area shape="rect" coords="317,190,508,249" onclick="klik()">
</map>
</body>
iemand enig idee hoe ik die mouseover funtie ook op die imagemap kan later werken?
bvd