Skip to main content
Gareth_Williams
Gareth_Williams
Inspiring
December 8, 2022
Answered

Copying Rollover Images?

  • December 8, 2022
  • 3 replies
  • 1788 views

Hi, does anybody know why you can’t copy and paste a rollover image from one place into another in a DW file? I’ve made some links buttons where when you rollover the button you get a rollover image and when you click on it it takes you to the link. However, when I copy the rollover image in the file and paste it somewhere else the rollover doesn’t work. Why is this? The buttons in question are at the top of this file. The social media links … http://www.maximum-robot.co.uk/

Many thanks for your help,
Gareth

This topic has been closed for replies.
Correct answer Jon Fritz

I don't need them twice. I'm just trying to move them to somewhere else on the page. It also doesn't work if you delete the original so there is only one of the rollover on the page. I'll experiment with the code. Thanks again!


Something might be getting corrupted when you copy and paste.

Pay close attention to the ids in the images, and the id in the script accompanying them. They need to match for each image/script, but they also need to be unique to the page.

I don't use the latest version, but when I tried to copy/paste behaviorized buttons in it, DW changed all the ids to "999" breaking everything. 

3 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
December 8, 2022

Unable to connect to URL. 

 

 

Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
December 9, 2022

http://www.maximum-robot.co.uk/

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
December 9, 2022

No soup for me.

 

 

Nancy O'Shea— Product User & Community Expert
Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
December 8, 2022

Are you...

1. Duplicating the buttons within the same page (likely name/id conflict)...
2. Moving them to another location in the same page (should work fine), or...
3. Copying them to a new file (would also require copying the script as Ben points out)?

Gareth_Williams
Gareth_WilliamsAuthor
Inspiring
December 8, 2022

No, I'm pasting them into the same page. The link still works but the rollover doesn't work on either image, the original one or the one I've pasted elsewhere. However, I haven't tried deleting the original so there is only one copy on the page. The method I'm using is select the button image in the design mode and pasting somewhere else in the file. Not copying and pasting the code in code mode. I will experiment a bit more. Thanks!

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
December 8, 2022

If you're making a second set of buttons on the same page, the problem would be the ids used in DW behaviors. They can only be used once per page, so duplicating the buttons duplicates the ids, causing a conflict with the scripts running the rollovers.

To fix it, you'll need to give the new rollover images their own ids (BandCamp2 for example) and switch the id in the script to match. Here's an example of a duplicate BandCamp button...

<a href="https://maximumrobot.bandcamp.com/" target="_blank" onMouseOver="MM_swapImage('BandCamp2','','promotion/images/BandCamp_72_R.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="promotion/images/BandCamp_72.jpg" name="BandCamp2" width="91" height="40" border="0"></a>



BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
December 8, 2022

When you say copy and paste, do you also include the JavaScript?

<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];}
}
</script>

And do you have the correct links to the images?

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Gareth_Williams
Gareth_WilliamsAuthor
Inspiring
December 8, 2022

Hi Ben, I didn't copy any script, just teh image in design mode. I will experiment again! Thanks.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices