找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 PhotoSwipe用法

js PhotoSwipe用法

灰儿 2017-12-16 04:17:03
1、自动识别data-size问题,添加以下代码

  1. gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
  2.                     gallery.listen('imageLoadComplete',
  3.                     function (index, item) {
  4.                         var linkEl = item.el.children[0];

  5.                         if (!linkEl.getAttribute('data-size') || linkEl.getAttribute('data-size') == 'auto') {
  6.                             var img = new Image();
  7.                             img.src = linkEl.getAttribute('href');

  8.                             linkEl.setAttribute('data-size', img.naturalWidth + 'x' + img.naturalHeight);
  9.                             item.w = img.naturalWidth;
  10.                             item.h = img.naturalHeight;
  11.                             gallery.invalidateCurrItems();
  12.                             gallery.updateSize(true);
  13.                         }
  14.                     });
  15.                     gallery.init();
复制代码


您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。