Forum Moderators: not2easy

Message Too Old, No Replies

new to CSS

turn invisible layer to visible on mouseover

         

Publisher

10:14 pm on Mar 23, 2006 (gmt 0)

10+ Year Member



My site is currently built using tables, but I would like to be able to have a larger image show up when you mouseover a thumbnail. I've seen this effect in florists sites before.

Any ideas as to the best way to go about it?

Thanks

Don_Hoagie

12:37 am on Mar 24, 2006 (gmt 0)

10+ Year Member



I can assure you those sites are using cumbersome amounts of javascript to get that effect... but recently some folks around the web have come up with some great strategies for getting similar effects using CSS + minimal (or at least, less obtrusive) javascript.

google "hoverbox", "lightbox js"... that should get you started.

P.S.: these techniques probably won't cause an issue for your table design... i'm sure you can tweak the properties of the cells to get the effect you want. But, there's no time like the present to move your design into the new millenium, especially if you're already getting your feet wet with these effects.

coopersita

9:16 pm on Mar 24, 2006 (gmt 0)

10+ Year Member



Check out this thread:
[webmasterworld.com...]

It exaplains a way of doing it without javascript.