点击它时缩放图像

Question

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

Answer 1

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

看看这个post。

希望我回答你的问题。

Answer 2

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

Answer 3

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