Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › General / Announcements › Dreamweaver › CSS roll over

CSS roll over

Thread began 4/12/2010 10:59 am by xag | Last modified 4/21/2010 10:40 am by Jimmy Wu | 1691 views | 4 replies |

4/12/2010 10:59 am | #1 xag

CSS roll over

Hello folks..

I was wondering if anyone knew of an extension or some css code on how to do roll over image enlarge. For example if you go to www.istockphoto.com and enter something in the search then hover over the image you get a large preview of the image.

I found a couple of things on how to do this with Java but I wanted to know if someone out there had a easy dreamweaver tool to use.

Thanks

4/12/2010 1:21 pm | #2 xag

Here is a better example of what I want to do magnify.html

4/12/2010 4:36 pm | #3 Jimmy Wu

You can accomplish this by creating divs and setting the visibility and positioning. The visibility would be set to invisible initially. On mouseover, the visibility would be set to visible and the large image would show up. I don't know of any product that will actually set up this functionality for you though.

4/21/2010 7:09 am | #4 xag

Hi Jimmy sry for getting back so late but someone actually told me over the weekend the CS4 has spry tips that created this perfectly for me.. Thanks for the help tho!

4/21/2010 10:40 am | #5 Jimmy Wu

Great to hear you were able to get it working. If you run into any additional issues, feel free to open a new thread.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.