Rollover Image - Created In Dreamweaver

Store Builder Questions
1

Hi guys. I've used Dreamweaver to creathe makeup for a rollover image.

Its creates a page that contains a Javascript and a bit of HTML code for image

I have put the the script in the tags of the website.

And I have put the code into the page via HTML editor. Which I believe is this.


<img id="Image1" src="https://www.digitalsave.co.uk/images/companies/1/NEW%20WEBSITE/Meet%20The%20Team/lewis-300.jpg" alt="Lewis " />



I get this, a single static image. Help appreciated.

http://www.digitalsave.co.uk/meet-the-team.html


Btw, this is the full code in the Dreamweaver window. When I preview/debug in Firefox it works.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Untitled Document




<img id="Image1" src="https://www.digitalsave.co.uk/images/companies/1/NEW%20WEBSITE/Meet%20The%20Team/lewis-300.jpg" alt="Lewis " />



2

would be much better if you were to do this using css image sprite to do this, You could simply insert the HTML into a block and put the css in custom css using the visual editor or use the my-changes add-on and your own css file.

Here is a link to an image sprite example https://www.webvamp.co.uk/blog/coding/css-image-rollovers/

Alan

3

Cheers Alan I'll take a look at this!