Tiny image to big image on hover? |
 Nov 16 2009, 05:50 PM
Post
#1
|
|
 Senior Member  Group: Member Posts: 33 Joined: Sep 2005 Member No: 224,772  |
I've been looking for a code so that when you hover over a small image (like a thumbnail) it shows it large.
Thanks in advance! |
|
|
|
 |
Replies
|
Nov 18 2009, 12:33 PM
Post
#2
|
|
|
Senior Member Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
Actually, I was referring to a completely different IE problem, one with displaying block elements. The issue in this case isn't :hover, but rather keeping everything in line when hovering. Doing it like the profile ZeT0 linked works in all versions of IE, but the method I used for a profile works as hover over thumbnail > place large image below list of thumbnails.
This is the layout I did it on. There were thumbnails in the "Upcoming Events" and "Past Events" areas, and when a user hovered over them, the larger image would appear in the center of the area below them. |
|
|
|
Posts in this topic
Ansata Tiny image to big image on hover? Nov 16 2009, 05:50 PM
fixtatik There's a fairly nice way of doing it with CSS... Nov 17 2009, 08:00 PM Ansata Ah that's a total bummer! Thanks for the ... Nov 17 2009, 09:02 PM ZeT0 I'd love if you could write a tutorial!
Th... Nov 17 2009, 10:02 PM Ansata Ah! Yes! That's exactly what I want... Nov 17 2009, 11:40 PM ZeT0 And in-case you didn't try it, it works in I.E... Nov 17 2009, 11:57 PM Ansata Awesome. Now we just need to figure how they did ... Nov 18 2009, 12:04 AM ZeT0 CODE.UPandUP{position: relative;}
.thumbnail{posi... Nov 18 2009, 12:30 AM ZeT0 I don't really understand your tutorial all th... Nov 18 2009, 07:33 PM ZeT0 I'll just wait for the tutorial, rather than t... Nov 18 2009, 07:48 PM fixtatik Just submitted it. We'll see if it gets approv... Nov 19 2009, 09:35 AM
Mike Accepted it. Topic closed & moved. Nov 19 2009, 03:32 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: