一:首先这个插件是基于JQuery的插件,要先导入JQuery,然后再导入这个插件
二:HTML部分
<a href="http://www.jisuapi.com/static/images/logov2.png" class="loadImage">
<img src="http://www.jisuapi.com/static/images/logov2.png" >
</a>
JS部分:
window.onload=function(e){
e.preventDefault();
$(".loadImage").zxxbox({
bar: false,
bgclose:true,
width:400,
height:200
});
}
要阻止a的默认动作,不然会跳转页面,可以设置宽,高不知道怎么设置,设置了但是感觉没有效果,有大牛看到指点一下小弟我,宽度不要在“px”,默认会转,弹层的大小默认是要加载元素的大小,今天加载的是一张图片,图片太大,可以通过样式调整,样式可以调整大小