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

问题描述：

你好我有简单的div与500x500的HTML页面，包括jQuery。我想在div中使用图像，在图像上单击它将在div内放大。图像大小1320x917。，我也可以用鼠标滚动图像。jQuery图像缩放与鼠标滚轮或触摸滚动

HTML代码：

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

CSS代码：

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

答

看看试试这个你 Photoswipe

答

试试这个CSS：

.grow { transition: all .2s ease-in-out; } 
.grow:hover { transform: scale(1.1); }

演示：

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

亲爱CHIRAG这是行不通的，我想专区内使用，这是最好的变焦（W 500像素 -^h 500像素）。和图像不显示div的网站。而且我也无法用鼠标滚动图像。 –

看到这jsfiddle：https：//jsfiddle.net/bqtd7xef/1/ – chirag

没有亲爱的这是行不通的我不能用鼠标滚动图像不仅缩放，但我也可以用鼠标滚动图像。检查此：https://jsfiddle.net/bhavhirani/bqtd7xef/5/。和图像不显示出网站div。 –

答

您可以使用jQuery插件图像缩放功能。请this