0

hai friend's , i am developing one website , in that i placed an image , my question is how to enlarge that image like pop up ??

4
Contributors
3
Replies
4
Views
7 Years
Discussion Span
Last Post by Ramesh S
0

I'll give you a high level overview. Firstly, you'll need two images, one for the thumbnail and the other an enlarged version.

The next thing is to write some sort of event handler in JQuery or JavaScript code to display the larger image when the visitor hovers on the thumbnail. The event you should register to is the OnMouseover i guess.

For the Larger image you have to use relative and absolute positioning to place the container of the larger image (may be a div) in the right position.

You also need to hide the larger image OnMouseout.

I hope this helps.

Check this links

- Cool CSS Image Pop-up
- Cut & Paste JK Pop-up image viewer
- pop up image on mouseover using css
- Popup

hai friend's , i am developing one website , in that i placed an image , my question is how to enlarge that image like pop up ??

Edited by orson4music: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.