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 ??

Recommended Answers

All 3 Replies

try using Javascript..it works..

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 ??

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.