首先引入modal模塊,如果用模板原有的,則可跳過此步。
~~~javascript
layui.define(['jquery', 'modal''], function(exports) {
var $ = layui.jquery,
modal = layui.modal;
//初始化
modal.init();
exports('main', {});
});
~~~
接下來便可在頁面元素方便的使用了,如需給按鈕綁定相冊,給元素加modal-photo樣式,用于綁定單擊事件,添加data-params屬性,用于初始化窗口的配置參數。
~~~html
<div id="layer-photos-demo" class="modal-photo" data-params='{"content":"#layer-photos-demo","anim":5}'>
<img layer-pid="圖片id,可以不寫" layer-src="大圖地址" src="縮略圖" alt="圖片名">
<img layer-pid="圖片id,可以不寫" layer-src="大圖地址" src="縮略圖" alt="圖片名">
</div>
~~~
這里就兩個參數,哈哈哈。。。忘了說了,這個沒試過,不知能不能用哦。。。。