我有一张使用imageLens插件调用缩放效果的图像。它可以工作,但是每次单击文本时我都想切换插件。我尝试在许多地方使用.toggle()
,但是它可以切换图像或单击文本,但不能切换插件。我怎样才能做到这一点。
HTML:
<li ><a href="#" id="zoom">Pan/Zoom</a></li>
<img src="bg.jpg" id="img1" width="100%" height="100%" style="position: absolute, z-index: -1"/ >
脚本:
$('#zoom').click(function() {
$('#img1').imageLens({ lensSize: 150 });
});
最佳答案
您可以进行一些小的调整:
脚本:
var flag=0;
$(document).ready(function(){
$('#img1').imageLens();
$('#zoom').click(function() {
flag=flag+1;
if(flag%2 == 0){
$('#img1').off();
}else{
$('#img1').imageLens({ lensSize: 150 });
}
});
});
的HTML:
<li ><a href="#" id="zoom">Pan/Zoom</a></li>
<img src="bg.jpg" id="img1" width="100%" height="100%" style="position: absolute, z-index: -1" />
关于javascript - 切换JQuery插件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27665878/