when implement swapping images, the mouseover will activate the java script, yes, everything works fine. But the problem is that when each mouseover activates swapping, my favicon on the url will reload. How can I make the favicon a static icon while swapping is running? what kind of special tags that I need to use?am I missing something?thanks ..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>red to blue swap image</title> <link rel="icon" href="/images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> </head> <a href="" name= link1 onMouseOver = "ImgOver()" onMouseOut = "ImgOut()"> <IMG NAME = "IMG1" SRC = "images/red.png" width ="100" height="100"> </a> <SCRIPT LANGUAGE= JavaScript> function ImgOver() { document.IMG1.src = 'images/blue.png'; } function ImgOut() { document.IMG1.src = 'images/red.png'; } </SCRIPT> </body> </html>
when i try to run this on opera 9.1, the favicon reload again when either mouse out or mouse over occurs. but when running in mozilla everything is ok. so question is how to make it compatible within this two internet browsers?