点击某个按钮弹出 photoswip

最新推荐文章于 2023-04-12 09:27:08 发布

weixin_30377461

最新推荐文章于 2023-04-12 09:27:08 发布

阅读量149

点赞数

原文链接：http://www.cnblogs.com/yangyuqiu/p/6138377.html

版权

var openPhotoSwipe = function() {
var pswpElement = document.querySelectorAll('.pswp')[0];

// build items array
var items = [
{
src: 'https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg',
w: 964,
h: 1024
},
{
src: 'https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg',
w: 1024,
h: 683
}
];

// define options (if needed)
var options = {
// history & focus options are disabled on CodePen
history: false,
focus: false,

showAnimationDuration: 0,
hideAnimationDuration: 0

};

var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init();
};

document.getElementById('btn').onclick = openPhotoSwipe;

转载于:https://www.cnblogs.com/yangyuqiu/p/6138377.html