当我点击它时缩放图像

Question

我正在制作一个项目，在该项目中我必须制作照片的网页。在这个页面我必须显示多个图像。用户需要的是，当他点击任何图像时，它会缩放，但这时它还会将网页作为背景。

Answer 1

您可以通过javascript更改图像的宽度和高度，更改其z-index，以便它在用户单击图像时显示所有内容的顶部。当用户第二次单击图像时，将其宽度和高度更改为正常。

看看这个post。

希望我回答你的问题。

Answer 2

尝试在您的网页上放置不可见的Div（使用z-index：1; display：none;）。单击后，只需将放大的图像放在div上并使div可见。

Answer 3

您可以使用@Abdul所说的jQuery插件。考虑到这是一个网页的照片，并且设计很重要，您应该使用NivoZoom或我个人最喜欢的fancybox。