jQuery图像放大鼠标滚轮或触摸滚动

Question

你好，我在html页面中包含jx的500x500的简单div。我想在div中使用图像，在图像上单击它将在div内放大。图像大小1320x917。 我也可以用鼠标滚动图像。

HTML代码：

<div class="div1">
   <img src="imag1.png" />
</div>

CSS代码：

.div1{
  width:500px;
  height:500px;
}

Answer 1

  

试试这个，这是最适合你的变焦   Photoswipe

Answer 2

试试这个css：

b

<强>演示：

https://jsfiddle.net/bqtd7xef/1/

Answer 3

您可以使用JQuery插件进行图像缩放功能。 请查看this