View Full Version : Problem Creating Interactive Rollovers

08-06-2007, 06:54 PM
Hello all,

Im sure there is a very basic solution to this. Basically I want my 'Home' tag in my website to have a shadow in the background when the user holds the mouse over it in the browser. I have used the help tutorials but cannot get it to work! I created my images in Phototshop an when i test it in the browser (F12) it does not work, although the link is made to the next page easily. Any help?

Many thanks


08-06-2007, 08:52 PM
post your code please

08-07-2007, 11:23 AM
<script language="JavaScript" type="text/JavaScript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
<body onLoad="MM_preloadImages('abous%20us%202.jpg')"><a href="1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('About Us','','abous%20us%202.jpg',1)"><img src="about%20us.jpg" name="About Us" width="64" height="20" border="0"></a>

08-07-2007, 11:24 AM
for the 'about us' tag

08-07-2007, 01:03 PM
not sure, but I think you at least have to have valid file names. Remove all the spaces.

The 'name' identifier of the image cannot contain spaces either, these are not for human reading as much as their meant to be used by your page.

08-08-2007, 07:45 PM
i dont understand what you mean by it is not user read? also remove the spaces where?

08-08-2007, 08:46 PM
You have spaces in the names of your file (abus us 02.jpg) and you have spaces in your name attributes (name="About Us") . I'm pretty sure these needs to be removed.