www.webdeveloper.com
Results 1 to 8 of 8

Thread: Help with a "MM_swapImage"

  1. #1
    Join Date
    Nov 2005
    Location
    PRoM
    Posts
    376

    Question Help with a "MM_swapImage"

    I'm kind of cannibalizing script from another site, but as far as I know the only thing I've changed that affect anything are the image links and the ID for the images.

    Code:
    <script language="JavaScript" type="text/JavaScript">
    <!--
    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];}
    }
    
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    
    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;
    }
    //-->
    </script>
    
    </head>
    
    <body bgcolor="black" text="#333333" link="white" vlink="white" alink="white" leftmargin="0" topmargin="0" marginheight="0" onLoad="MM_preloadImages('MTK_Website_2_Showcase.jpg','MTK_Website_3_Product.jpg','MTK_Website_4_Template.jpg')">
    
    <div align="center">
    
    <!--Large Image Goes Here-->
    
    <img src="MTK_Website_1_Index.jpg" alt="Terrell Knives" name="MTK" width="640" height="480" id="MTK" border="1">
    
    
    <!--Thumbnail Images Row 1 Go Here-->
    
    
      <table width="75%" border="0" cellspacing="1" cellpadding="1">
        <tr>
          <td><div align="center"><a href="javascript:;" onClick="MM_swapImage('mtk','','MTK_Website_1_Index.jpg',1)"><img src="MTK_Website_1_Index_thumb.jpg" alt="Index" name="Index" width="75" height="55" border="1" id="MTK"></a></div></td>
    
          <td><div align="center"><a href="javascript:;" onClick="MM_swapImage('mtk','','MTK_Website_2_Showcase.jpg',1)"><img src="MTK_Website_2_Showcase_thumb.jpg" alt="Showcase" name="Showcase" width="75" height="55" border="1" id="MTK"></a></div></td>
          <td><div align="center"><a href="javascript:;" onClick="MM_swapImage('mtk','','MTK_Website_3_Product.jpg',1)"><img src="MTK_Website_3_Product_thumb.jpg" alt="Product" name="Product" width="75" height="55" border="1" id="MTK"></a></div></td>
          <td><div align="center"><a href="javascript:;" onClick="MM_swapImage('mtk','','MTK_Website_4_Template.jpg',1)"><img src="MTK_Website_4_Template_thumb.jpg" alt="Template" name="Template" width="75" height="55" border="1" id="MTK"></a></div></td>
        </tr>
      </table>
    This is where the original code is from

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Oh, not those Mickey Mouse codes again (MacroMedia (ex) Dreamweaver silly codes) ...

    Tell us, what those codes suppose to do, maybe we will build a clean and simple code for you
    Last edited by Kor; 02-09-2008 at 01:02 PM.

  3. #3
    Join Date
    Oct 2006
    Location
    Ontario Canada
    Posts
    1,160
    Find another script.
    The script you have was generated using Dreamweaver and it is a complete mess.

    Search http://www.dynamicdrive.com for a photo gallery script.
    I am sure you will find something much easier to edit/customize.

  4. #4
    Join Date
    Nov 2005
    Location
    PRoM
    Posts
    376
    Quote Originally Posted by cgishack
    Find another script.
    The script you have was generated using Dreamweaver and it is a complete mess.

    Search http://www.dynamicdrive.com for a photo gallery script.
    I am sure you will find something much easier to edit/customize.

    I didn't realize that it was generated by Dreamweaver.

    I found a decent one here... a lot more simplified.

    Thanks a bunch for that link. Now I can move forward.

    FWIW I also found this one that I thought was pretty interesting. I'll probably play around with that a bit as well.

  5. #5
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Quote Originally Posted by pathfinder74
    I didn't realize that it was generated by Dreamweaver.
    Whever you will see function MM_something(), make sure it is a DW generated code. And, as every generated code function, it is poorly constructed...

  6. #6
    Join Date
    Nov 2005
    Location
    PRoM
    Posts
    376
    I got so sidetracked by the code I was fixing for the pop-up/new window and forget about the "photo gallery" one. I still need to find one for that.


    This one's pretty neat, but I prefer to control the size of the new window...
    Last edited by pathfinder74; 02-09-2008 at 03:00 PM.

  7. #7
    Join Date
    Jan 2008
    Location
    Venezuela
    Posts
    50
    <!--html-->
    <img id="0" />
    <img id="1" />

    // javascript
    var img0=document.getElementById("0");
    var img1=document.getElementById("1");
    var temp=img0.src;
    img0.src=img1.src;
    img1.src=temp;

  8. #8
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    id value must not start with a digit:
    See W3C Recommendation
    http://www.w3.org/TR/html401/types.html#type-id

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles