jquery panzoom 插件默认缩放?
Posted
技术标签:
【中文标题】jquery panzoom 插件默认缩放?【英文标题】:jquery panzoom Plugin default zoom? 【发布时间】:2016-09-15 19:54:31 【问题描述】:您好,我正在使用 Jquery Panzoom 插件来放大和缩小我的图像,Plugin Link
我想自己设置它的默认缩放值
请告诉我如何更改此插件 API 无法找到的默认缩放值?请帮忙 ?谢谢
【问题讨论】:
【参考方案1】:我认为如果你不使用它会更好,你可以编写一个缩放代码,它具有你想要的所有功能,我在我的项目中使用 panzoom 作为一个流,但它有很多问题,比如滞后和没有理由,你可以使用这样的东西:
<button onclick="iplus();" >zoom in</button>
<button onclick="iminus();">zoom out</button>
<button onclick="resetzoom();">reset</button>
<div id="mb" class="content" style="width: 800px; height: 800px; cursor: grab; cursor: -o-grab; cursor: -moz-grab; cursor: -webkit-grab; " onclick="iplus();">
<object data="./1.mp4" id="mim" style="overflow: scroll"></object>
</div>
<script type="text/javascript">
var i = 200;
function mscale()
//$("mim").setStyle = ("trasform", "scale(10,10)");
document.getElementById("mim").style.zoom=i+"%";
function iplus()
i += 20;
mscale();
function resetzoom()
document.getElementById("mim").style.zoom = "100%";
function iminus()
i -= 20;
mscale();
if (document.getElementById("mb").addEventListener)
mb.addEventListener("mousewheel", MouseWheelHandler, false);
function MouseWheelHandler(event)
var delta = 0;
if (!event)
event = window.event;
if (event.wheelDelta)
delta = event.wheelDelta / 120;
if (delta)
if (delta > 0)
i += 20;
mscale();
if (delta < 0)
i -= 20;
mscale();
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
</script>
如果你想要手动工具来拖动滚动,你可以使用this
【讨论】:
以上是关于jquery panzoom 插件默认缩放?的主要内容,如果未能解决你的问题,请参考以下文章