Is it possible?

[Roody]

I want to create a page on a website that has a background image and then some small icons on top of that image that when you hover over each icon it shows you a bigger picture of the location the icon is on. Is this something possible to do?

[Philip]

Short answer... yes ?

You can set a background image via css to most elements, for example:

Code: Select all

#roody   {width: 150px; padding: 0; margin: 0; background: #3a484c url('/images/bg_left2.gif') repeat-y fixed left top;}

Then, the element with this css id will have the above background:

Code: Select all

<div id="roody">   </div>

Then, in that element you can add your images. To make the hover elements as the location, or something else you can use javascript onmouseover/onmouseout events, you can use the simple html "title=...." tags on the images, use php to fill them automatically, or some other ready product like highslide.js, depending on how complex you want to go with it, not sure exactly what you're trying to do. Does the hover element need to be a picture just to show the location ?

[MadDoctor]

I want to create a page on a website that has a background image and then some small icons on top of that image that when you hover over each icon it shows you a bigger picture of the location the icon is on. Is this something possible to do?

Meth......

[Mad_Haggis]

I want to create a page on a website that has a background image and then some small icons on top of that image that when you hover over each icon it shows you a bigger picture of the location the icon is on. Is this something possible to do?

Adobe