Help with a "MM_swapImage"

**pathfinder74** · 02-09-2008 09:48 AM

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

**Kor** · 02-09-2008 11:39 AM

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

**cgishack** · 02-09-2008 11:48 AM

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.

**pathfinder74** · 02-09-2008 01:32 PM

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.

**Kor** · 02-09-2008 01:38 PM

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

**pathfinder74** · 02-09-2008 01:51 PM

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

**fpmarin** · 02-11-2008 12:14 AM

<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;

**Kor** · 02-11-2008 02:21 AM

id value must not start with a digit:
See W3C Recommendation
http://www.w3.org/TR/html401/types.html#type-id

Thread: Help with a "MM_swapImage"

Thread Tools

Display

Help with a "MM_swapImage"

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions