本文介绍了一个基于jQuery的图片浏览器组件实现方法。通过点击带有特定类名的元素触发，该组件可以收集这些元素下图片的数据源并展示为一个弹窗式的图片浏览器。文中涉及的代码示例展示了如何使用jQuery选择器和事件监听来实现这一功能。
$(function () {
$.init();
$(document).on('click', '.albumImgs', function () {
var pic = $(this).parent().find(".albumImgs").map(function () {
return $(this).data("src");
}).get();
$.photoBrowser({
photos: pic,//注意此处是数组 []
type: 'popup'
}).open();
//myPhotoBrowserPopup.open();
});
});
<div class="item-media albumImgs" v-bind:data-src="imageUrl(item)">
<img v-bind:src="imageUrl(item)" style="width: 4rem; height: 4rem;">
</div>
扫一扫
43
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
