Skip navigation
Currently Being Moderated

Rollovers not working

May 22, 2013 5:19 AM

Tags: #html #dreamweaver #javascript #cs6 #rollover_image

Hello to all and thankyou in advance for any help with this. This is my first time visiting this forum and I hope posting a question like this is acceptable behaviour.



I am preparing my first website and I can not get the rollovers to load for the social media links in the footer.


Ive noticed that other rollover images are mentioned to preload in the:::: <body onload="MM_preloadImages('Design2.png','Customs2.png','Techstuff2.png ','Contact2.png')">  So Im thinking maybe there not loading into the html properly?? but really I got no idea whats going on or what im doing.



Please find below the html for the page:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="Styles.css">

<title>Equinox Surfboards Home</title>

<script 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('Design2.png','Customs2.png','Techstuff2.png ','Contact2.png')">

    <div class="container">

        <div id="header">

        <img src="Logo2.png" alt="Equinox Surfboards">


        <div id="guts">

            <div id="nav">

                    <div id="navContent"><a href="equinoxsurfboardsdesigns.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','Design2.png',1)"><img src="Designs.png" alt="Click to go to thr products and design page" width="439" height="40" id="Image5" /></a>


                 <div id="navContent"><a href="equinoxsurfboardscustoms.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Customs2.png',1)"><img src="Customs.png" alt="Click to go to our customs orders page" width="440" height="41" id="Image6" /></a>


                 <div id="navContent"><a href="equinoxsurfboardstechstuff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','Techstuff2.png',1)"><img src="Techstuff.png" alt="Click to go to our technologies page" width="439" height="40" id="Image7" /></a>


                 <div id="navContent"><a href="equinoxsurfboardscontacts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','Contact2.png',1)"><img src="Contact.png" alt="Click to go to our contacts page" width="439" height="40" id="Image8" /></a>



              <div id="right">

                <div id="location"><img src="Ourmissionlong.png" alt="Our Mission Statement" />


                 <div id="bodycopyIndex"><img src="Ourmissioncopy.png" alt=" To use our knowledge, skill and creativity along with the latest design technologies, precision CNC cutting and only the best quality materials available to ensure optimal performance and longevity from all our products.">



             <div id="farrightIndex">



        <div id="footer">

            <div id="contactfoot"><img src="0407233678.png" alt="Phone 0407233678 or email on">


            <div id="facebook"><a href=" =ts" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','facebookover.png',1)"><img src="facebook.png" alt="facebook" width="40" height="40" id="facebook2" /></a>


            <div id="tumblr"><a href="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tumblr','','tumblrover.png',1)"><img src="tumblr.png" alt="Tumblr" width="40" height="40" id="tumblr2" /></a>


            <div id="youtube"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('youtube','','youtubeover.png',1)"><img src="youtube.png" alt="youtube" width="40" height="40" id="youtube2" /></a>


            <div id="twitter"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('twitter','','twitterover.png',1)"><img src="twitter.png" alt="twitter" width="40" height="40" id="twitter2" /></a>








  • Currently Being Moderated
    May 22, 2013 5:24 AM   in reply to jonotherock

    Ive noticed that other rollover images are mentioned to preload in the:::: <body onload="MM_preloadImages('Design2.png','Customs2.png','Techstuff2.png ','Contact2.png')">  So Im thinking maybe there not loading into the html properly??


    Nah - that's not the problem. If you can post a link to your live page, we can tell you in a jiffy what's wrong.

    Mark as:
  • Currently Being Moderated
    May 22, 2013 6:28 AM   in reply to jonotherock

    Upload the page to some webspace that you control. Give us the url. Like this -


    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points