DreamWeaver Toolbar: Replaceable Rollover Image(s)

This module creates a place holder on the page where a rollover image pair can be displayed.


  • Developers may set a pair of default images.
  • All necessary Javascripting and pre-loading is built in.
  • Website owners can replace the current images any number of times - and on any page.  (i.e.: each page of the site can have a different rollovers)
  • The website owner may declare any set of images as sitewide, thus having them appear on every page of the site where this module is present.
  • May be used as a link.


  1. Open an HTML file in DreamWeaver.
  2. Place the cursor at the insertion point (in code view or design view).
  3. Go to the Zencil toolbar and click the roleover placeholder icon.


Website owners are advised to order graphics from their developer via the "request support" button at the bottom of the page.  Information about the "request support" button is available here.

Code Sample

  • The <script> tag contents belong in within the <head> tags.
  • The <zencil> tag and its contents go anywhere in the html <body>.
  • <zencil> and <zencil:hidden> tags may be used interchaneably.
<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];}
<zencil:hidden module="rollover" name="Image1" default1="on.jpg" default2="off.jpg" alt="description">
  <a href="http://www.anyURL.com" onmouseout="MM_swapImgRestore()"
<img name="Image1" border="0" src="off.jpg" alt="description" /></a>
    Copyright Clear Site Web Solutions Corporation  |  Victoria, B.C. Canada