Zoom image when i clicked on it

i am working on a project in which i have to make a webpage of photographs. In this page i ha开发者_运维知识库ve to show multiple image. User need is that when he click on any image it will zoom but that time it alsoback webpage as background.

---

You could change the image width and height by javascript, change its z-index so that it comes top of everything when user clicks the image. When user clicks the image second time, change its width and height to normal.

Have a look at this post.

Hope I answer youe question.

---

try to put invisible Div on your web page (with z-index: 1; display: none;). After Click just put zoomed image on div and make div visible.

---

You can use a jQuery plugin like @Abdul said. Considering the fact that is a webpage of photographs, and design is important, you should use NivoZoom or my personal favorite fancybox .