layer.photos动态加载图片及静态加载图片
1. layer组件 - 静态加载图片缩略图
//HTML示例 <div id="layer-photos-img"> <img src="图片地址"> <img src="图片地址"> </div> <script> //调用示例 layer.photos({ photos: '#layer-photos-img', anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数) }); </script>
2. layer组件 - 动态加载图片缩略图
// HTML示例 <div class='img-list'> <img src="图片地址"> </div> <div class='img-list'> <img src="图片地址"> </div> <div class='img-list'> <img src="图片地址"> </div> <script> // 调用示例 $("body").on("click",".img-list img",function(e){ layer.photos({ photos: { "data": [{"src": e.target.src,}]} }); }); </script>
一个小问题,记录一下。
原:科技改变生活!