How to load an image from thumb to bigger size via javascript

Question

Hello all, i need a little help. I load a series of image in an html (via asp.net) and resized via classic html (width:50%) ... then i would like that if i press on the thumb, this image appear on top of my html page full sized ... the classical gallery but without effect and lot jquery code .. how can i do this via javascript ?

what is the javascript command to load an element in an other page position ?

Thank you for your support! !

Answer 1

There are many libraries like this, e.g. lightbox2

But if doing it yourself, you'll generally be messing with jQuery's css command, making the elements position: absolute, and setting up a mask element behind it, with partial opacity, to cover the rest of the content. Or if you want to be less obtrusive, which is better, setting and removing classes using jQuery's addClass and removeClass, and then defining the classes' style in CSS.

jQuery lightbox tutorial