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 ??
dskumar_85 -1 Junior Poster in Training
love_dude1984 0 Junior Poster in Training
try using Javascript..it works..
orson4music 0 Newbie Poster
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 ??
Ramesh S 129 Posting Pro
There are some free javascript plugins available over web.
Try jQuery Lightbox Plugin .
Take a look at the demo site http://www.balupton.com/sandbox/jquery_lightbox/
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.