Rollover Image & Show Div?

Dev Shed Forums Sponsor:

November 28th, 2005, 05:04 AM

bombski

Contributing User

Join Date: Jul 2003

Posts: 264

Time spent in forums: 1 Day 23 h 22 m 48 sec
Reputation Power: 0

Rollover Image & Show Div?

I'm using Dreamweavers rollover javascript but can't understand it very well and want to modify it to also show another image somewhere else on the page. Here is what I currently have.

Code:

<script language="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;
  document.nav_home.src = "images/clear.gif"
}

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];}
   document.nav_home.src ="images/home.jpg"
}
//-->
</script>

Here is how the link appears.

Code:

<a href="board.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimage1','','images/1_g.gif',1)"><img src="images/0_g.gif" alt="a image" name="rollimage1" width="20" height="20" border="0"></a>

What I want to be able to do is in the arguements for MM_swapimage is have another variable which will be the image it shows on the page. My problem is I can't understand where it gets it's variables from?

As you can see I've included

Code:

document.nav_home.src ="images/home.jpg"

but this just shows home.jpg all the time. I'm going to have multiple rollovers and want to be able to change the image displayed depending on the rollover.

Please help!

November 28th, 2005, 09:29 AM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,835

Time spent in forums: 6 Months 1 Day 22 h 10 m 33 sec
Reputation Power: 4192

My advice: don't use DreamWeaver's JavaScript functions; learn to write your own.

The function gets its "variables" (what you called them; I'd call them parameters or arguments) from the arguments array of the function. Read this: http://developer.mozilla.org/en/doc...tions:arguments

__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

Rollover Image & Show Div?

Developer Shed Advertisers and Affiliates