Cornelis
%Europe/Berlin %641 %2005, 16:23
beste forumleden,
Na veel inspanning heb ik wat eigen ontworpen mouse-over buttons ontworpen.
Als ik een enkele mouse-over button op de pagina zet, werkt deze perfect.
Als ik echter (op mijn verkeerde manier) de 2e mouse-over button erbij zet, dan is van beide mouse-over buttons het mouse-over effect verdwenen.
Ik zal de code van de 2 buttons hieronder even pasten en hoop dan dat er iemand is die de rangschikking kan veranderen zodat beide mouse-over buttons wel werken.
Het gaat om een antenne- en een seinknop button.
Voor de duidelijkheid stuur ik de "kale" 4 jpg'tjes als bijlage op.
In het vervolg wil ik nog een aantal mouse-over buttons erbij plaatsen.
Hier onder staat de niet werkende code:
<html><head><title>no title</title>
<!-- Start Javascript -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Img1On = new Image();Img1On.src = "seinknop_onder.jpg";var Img1Off = new Image();Img1Off.src = "seinknop_boven.jpg";
function MOver(picimage)
{
Picture_Over = eval(picimage +"On.src")
document[picimage].src = Picture_Over
}
function MOut(picimage)
{
Picture_Out = eval(picimage +"Off.src")
document[picimage].src = Picture_Out
}
// End -->
</script>
<!-- End Javascript -->
<!-- Start Javascript -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Img1On = new Image();Img1On.src = "antenneknop_onder_rood.jpg";var Img1Off = new Image();Img1Off.src = "antenneknop_boven_groen.jpg";
function MOver(picimage)
{
Picture_Over = eval(picimage +"On.src")
document[picimage].src = Picture_Over
}
function MOut(picimage)
{
Picture_Out = eval(picimage +"Off.src")
document[picimage].src = Picture_Out
}
// End -->
</script>
<!-- End Javascript -->
</head>
<body>
<!-- Start Body Part -->
<!-- button 1 --><a href="your link" onMouseOver="MOver('Img1')" onMouseOut = "MOut('Img1')">
<img src="seinknop_boven.jpg" width="50" height="32" border="0" name="Img1"></img></a><br>
<!-- End Body Part -->
<!-- Start Body Part -->
<!-- button 1 -->
<a href="your link" onMouseOver="MOver('Img1')" onMouseOut = "MOut('Img1')"></img></a><br>
<!-- End Body Part -->
<a href="your link" onMouseOver="MOver('Img1')" onMouseOut = "MOut('Img1')">
<img src="antenneknop_boven_groen.jpg" width="50" height="31" border="0" name="Img1"></a>
</body>
</html>
</body>
</html>
IK merk ook op dat de gedeelten van beide knoppen onder de body niet exact evenveel regels bevatten, toch werken beide knoppen appart prima.
Wie oh wie kan mij hier helpen?
Groet,
Cornelis.
Na veel inspanning heb ik wat eigen ontworpen mouse-over buttons ontworpen.
Als ik een enkele mouse-over button op de pagina zet, werkt deze perfect.
Als ik echter (op mijn verkeerde manier) de 2e mouse-over button erbij zet, dan is van beide mouse-over buttons het mouse-over effect verdwenen.
Ik zal de code van de 2 buttons hieronder even pasten en hoop dan dat er iemand is die de rangschikking kan veranderen zodat beide mouse-over buttons wel werken.
Het gaat om een antenne- en een seinknop button.
Voor de duidelijkheid stuur ik de "kale" 4 jpg'tjes als bijlage op.
In het vervolg wil ik nog een aantal mouse-over buttons erbij plaatsen.
Hier onder staat de niet werkende code:
<html><head><title>no title</title>
<!-- Start Javascript -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Img1On = new Image();Img1On.src = "seinknop_onder.jpg";var Img1Off = new Image();Img1Off.src = "seinknop_boven.jpg";
function MOver(picimage)
{
Picture_Over = eval(picimage +"On.src")
document[picimage].src = Picture_Over
}
function MOut(picimage)
{
Picture_Out = eval(picimage +"Off.src")
document[picimage].src = Picture_Out
}
// End -->
</script>
<!-- End Javascript -->
<!-- Start Javascript -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var Img1On = new Image();Img1On.src = "antenneknop_onder_rood.jpg";var Img1Off = new Image();Img1Off.src = "antenneknop_boven_groen.jpg";
function MOver(picimage)
{
Picture_Over = eval(picimage +"On.src")
document[picimage].src = Picture_Over
}
function MOut(picimage)
{
Picture_Out = eval(picimage +"Off.src")
document[picimage].src = Picture_Out
}
// End -->
</script>
<!-- End Javascript -->
</head>
<body>
<!-- Start Body Part -->
<!-- button 1 --><a href="your link" onMouseOver="MOver('Img1')" onMouseOut = "MOut('Img1')">
<img src="seinknop_boven.jpg" width="50" height="32" border="0" name="Img1"></img></a><br>
<!-- End Body Part -->
<!-- Start Body Part -->
<!-- button 1 -->
<a href="your link" onMouseOver="MOver('Img1')" onMouseOut = "MOut('Img1')"></img></a><br>
<!-- End Body Part -->
<a href="your link" onMouseOver="MOver('Img1')" onMouseOut = "MOut('Img1')">
<img src="antenneknop_boven_groen.jpg" width="50" height="31" border="0" name="Img1"></a>
</body>
</html>
</body>
</html>
IK merk ook op dat de gedeelten van beide knoppen onder de body niet exact evenveel regels bevatten, toch werken beide knoppen appart prima.
Wie oh wie kan mij hier helpen?
Groet,
Cornelis.