Hello,
I use several times on a page two animated gifs.
The first appears OnMouseOver, second OnMouseOut.
Ie handles this as many times as you pass your mouse over and out.
1) Netscape handles the over event same but only ONCE the mouse out.
Usually u use the mouseout event to return to your original img. I want another animated img to appear. Works only once ?!
Is there a function i can use to avoid OnMouseOut to run only once ?
Here is the script i use:
<SCRIPT LANGUAGE="javascript">
<!-- Hide from old browsers
var logo1=new Image();
logo1.src="webdesign/logo1_roll.gif";
var nlogo1=new Image ();
nlogo1.src="webdesign/logo1_roll_xx.gif";
var logo2=new Image();
logo2.src="webdesign/logo11_roll.gif";
var nlogo2=new Image ();
nlogo2.src="webdesign/logo11_roll_xx.gif";
function fnSwapNumber(type){
if (type==1){
document.images['logo1'].src=logo1.src;
}
else{
document.images['logo1'].src=nlogo1.src;
}
}
function fnSwapNumberTwo(type){
if (type==1)
document.images['logo2'].src=logo2.src;
}
else{
document.images['logo2'].src=nlogo2.src;
}
}
//-->
</SCRIPT>
<BODY>
<TABLE CELLPADDING="0" CELLSPACING="0">
<TR>
<TD><A HREF="javascript:void(0)"
ONMOUSEOVER="fnSwapNumber(1);window.status=' '; return true;"
ONMOUSEOUT="fnSwapNumber(0);window.status=' '; return false;"
onClick="return false;"> <IMG SRC="webdesign/logo1.gif" NAME="logo1" BORDER="0" ONLOAD="" WIDTH="73" HEIGHT="73"></A></TD>
<TD><A HREF="javascript:void(0)"
ONMOUSEOVER="fnSwapNumberTwo(1);window.status=' '; return true;"
ONMOUSEOUT="fnSwapNumberTwo(0);window.status=' '; return false;"
onClick="return false;">
2) Consider that you have 2 same animated gifs on and out. Ie will handle them separatly: you can start 1 then 2 they will animate separately. On Netscape when you start 1 then 2 they will be synchronized, automatically animate on the same frame ?!
Can you use a function to avoid this ?
Thank you for your help and incomming posts.
Hablablow.
I use several times on a page two animated gifs.
The first appears OnMouseOver, second OnMouseOut.
Ie handles this as many times as you pass your mouse over and out.
1) Netscape handles the over event same but only ONCE the mouse out.
Usually u use the mouseout event to return to your original img. I want another animated img to appear. Works only once ?!
Is there a function i can use to avoid OnMouseOut to run only once ?
Here is the script i use:
<SCRIPT LANGUAGE="javascript">
<!-- Hide from old browsers
var logo1=new Image();
logo1.src="webdesign/logo1_roll.gif";
var nlogo1=new Image ();
nlogo1.src="webdesign/logo1_roll_xx.gif";
var logo2=new Image();
logo2.src="webdesign/logo11_roll.gif";
var nlogo2=new Image ();
nlogo2.src="webdesign/logo11_roll_xx.gif";
function fnSwapNumber(type){
if (type==1){
document.images['logo1'].src=logo1.src;
}
else{
document.images['logo1'].src=nlogo1.src;
}
}
function fnSwapNumberTwo(type){
if (type==1)
document.images['logo2'].src=logo2.src;
}
else{
document.images['logo2'].src=nlogo2.src;
}
}
//-->
</SCRIPT>
<BODY>
<TABLE CELLPADDING="0" CELLSPACING="0">
<TR>
<TD><A HREF="javascript:void(0)"
ONMOUSEOVER="fnSwapNumber(1);window.status=' '; return true;"
ONMOUSEOUT="fnSwapNumber(0);window.status=' '; return false;"
onClick="return false;"> <IMG SRC="webdesign/logo1.gif" NAME="logo1" BORDER="0" ONLOAD="" WIDTH="73" HEIGHT="73"></A></TD>
<TD><A HREF="javascript:void(0)"
ONMOUSEOVER="fnSwapNumberTwo(1);window.status=' '; return true;"
ONMOUSEOUT="fnSwapNumberTwo(0);window.status=' '; return false;"
onClick="return false;">
2) Consider that you have 2 same animated gifs on and out. Ie will handle them separatly: you can start 1 then 2 they will animate separately. On Netscape when you start 1 then 2 they will be synchronized, automatically animate on the same frame ?!
Can you use a function to avoid this ?
Thank you for your help and incomming posts.
Hablablow.