PDA

View Full Version : Problem Creating Interactive Rollovers


mayfmeister21
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

Simon

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

mayfmeister21
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];}
}
//-->
</script>
<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>

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

domedia
08-07-2007, 01:03 PM
abous%20us%202.jpg
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.

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

domedia
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.