• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 903
  • Last Modified:

Image Hover popup

Hello guys,

I have a web gallery that I want to display before and after pictures, I want a user to be able to hover over the image and have a nice popup box that displays the image larger with a link inside of that box that says click here for the after pic. I have done google searches to no avail. Does anybody know how I can do this?

Thanks,

Joe
0
Joe
Asked:
Joe
  • 3
1 Solution
 
Pravin AsarCommented:
<img src="img1.gif"width="100" onmouseover="this.width=4.* this.width;" onmouseout="this.width=100;">
0
 
JoeAuthor Commented:
pravinasar,

Thank you for the fast reply. When I put this code in it stretched the image out along with the table outside of the design. Do you know of a popup window that does this?

Thanks,

Joe
0
 
JoeAuthor Commented:
Here is what I am trying to accompplish, but on the hover I want to bring up the other picture "After Picture" of the before and after.

http://www.houseofbrides.com/product.php?productid=14211&cat=454&page=1

Thanks,

Joe
0
 
HonorGodCommented:
Interesting.  How do you propose to display a link in the zoom box that the user can access?
The mouseOut removes the zoom box.

Why IE only?  I had to review the code to find the browser test before I realized that the affect was IE specific.
If you are going to restrict it to IE, you had better make the text above the image IE specific as well.

Better yet would be to make it work on all (ok most) browsers... :-)

Now, about your question.  How compressed are (or should) the main images be?
How do you expect to zoom, if the primary image is full size?
0
 
JoeAuthor Commented:
Interesting, do you know of any solution for IE and Firefox? The before picture will be full size just like in that link, now when a user hovers over that full size picture another picture should popup, full size of the after picture to the right. Is this possible to make for both browsers?

Thanks,

Joe
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now