用jQuery实现 使用鼠标滚轮对外部图片进行缩放

Posted 仰泳的青蛙救了溺水鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jQuery实现 使用鼠标滚轮对外部图片进行缩放相关的知识,希望对你有一定的参考价值。

<div mag-thumb="outer">
<img src="img/alley/500x300.jpg" />
</div>
<div style="width: 300px; height: 300px;">
<div mag-zoom="outer">
<img src="img/alley/1000x600.jpg" />
</div>
</div>

$host = $(‘[mag-thumb="outer"]‘);
$host.mag({
mode: ‘outer‘,
ratio: 1 / 1.6
});


转自:http://www.w2bc.com/upload/201606/07/jiaoben4276/index.html

以上是关于用jQuery实现 使用鼠标滚轮对外部图片进行缩放的主要内容,如果未能解决你的问题,请参考以下文章

java怎么实现通过鼠标滚轮对图片进行等比例缩放功能?

鼠标滚轮实现图片缩放

jQuery图片缩放插件-smartZoom使用

用HTML和javascript语言写一个以鼠标为相对坐标放在图片上缩放的模块,鼠标滚轮事件

鼠标滚轮实现图片的缩放-------Day79

在WPF里面实现以鼠标位置为中心缩放移动图片