thumbnail preview on hover

[gagz]

Hi-

Here's what I'm trying to do:

I have a list of links. When a user hovers over the link, I want a thumbnail to pop up to preview the picture behind the link. Any suggestions?

Thanks

 

[Vragabond]

Check these examples:

http://sonspring.com/journal/hoverbox-image-gallery

http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/

 

[monksnake]

This would be a javascript question, that is probably the best forum in which to ask this question

<.

 

[1DMF]

This would be a javascript question

not quite true, image pop-up onhover can be achieved purely with CSS these days ;-)

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[monksnake]

CURSES!!! You are correct and I am not.

<.

 

[gagz]

The hover-image-gallery looks perfect... the only issue is I can't get his list items to look like a list! I keep trying to change:

display: inline;

to

display: list-item;

but nothing is working... anyone ever looked at his css?

 

[Vragabond]

You can't change properties to something you think you would like to see there. You need to use the predefined values. If you want every list item in a new row, then try:

display: block;

Other than that, I see nothing strange in the CSS for the hoverbox image gallery.

 

[gagz]

I'm not sure what you mean by "You can't change properties to something you think you would like to see there."

However, i've tried changing display to anything... block, inline, list-item, table.... nothing is changing how they are laid out...

 

[Vragabond]

I don't know why you are dealing with how that person's list looks if all you want is the hover effect (which has nothing to do with the list in the first place). If you do not want to have the list as it is, try removing the float: left and display: inline from its properties and see it expand into a more normal list.

 

[monksnake]

This is a few days old, but do you want to see the bullets??



<.