Solved

Image Hover popup

Posted on 2006-11-24
5
887 Views
Last Modified: 2010-08-05
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
Comment
Question by:Joe
  • 3
5 Comments
 
LVL 28

Accepted Solution

by:
Pravin Asar earned 500 total points
ID: 18008939
<img src="img1.gif"width="100" onmouseover="this.width=4.* this.width;" onmouseout="this.width=100;">
0
 
LVL 16

Author Comment

by:Joe
ID: 18009041
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
 
LVL 16

Author Comment

by:Joe
ID: 18009900
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
 
LVL 41

Expert Comment

by:HonorGod
ID: 18011354
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
 
LVL 16

Author Comment

by:Joe
ID: 18014482
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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now