How to do this

[OfekR]

Hello,

I need to know how you do this in HTML:

I want when you click on a image(or some text) it opens it not in a new webpage, I just want it to "popup" the image(or something else), like in the following images:

(click for full size)

 

Thank You!

[davej]

The easy way to do something similar is to make the thumbnail image a link to the image file, but then you will be taken to the image file and will have to click the back button to return. The fancier way is to use a hidden overlay container and Javascript.

Edited February 15, 2014 by davej

[OfekR]

The "easy way" isn't good for me. Can you explain about the other way or give an example code?ty

[ChrisLannister]

http://coding.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/

 

You probably want a gallery script.

[davej]

Just go to the bottom of your page and create a new div. Give the div an id. Put an image inside the div. Go up and style that id to be absolutely or fixed positioned with display:none. Then create a button that will call a routine that will change the style of that div from display:none to display:block.

[shakir]

I suggest you whatever i do like @davej you have to follow this rules so it will be better for you.