当我点击它时缩放图像
本文关键字：缩放 图像 | 更新日期: 2023-09-27 17:55:42
我正在做一个项目，在这个项目中，我必须制作一个照片网页。在此页面中，我必须显示多个图像。用户需要的是，当他单击任何图像时，它会缩放，但那次它也会将网页作为背景。
您可以通过javascript更改图像的宽度和高度，更改其z索引，以便在用户单击图像时将其置于所有内容的顶部。当用户第二次单击图像时，将其宽度和高度更改为正常。
看看这篇文章。
希望我回答你的问题。
尝试在你的网页上放置不可见的Div（z-index：1;display：none;）。单击后，只需将缩放的图像放在div 上并使div 可见。
你可以像@Abdul所说的那样使用jQuery插件。考虑到这是一个照片网页，并且设计很重要，您应该使用 NivoZoom 或我个人最喜欢的花式盒子 .