所属分类:媒体-图片展示
1.class='pswp'的div需要直接放在页面中。
2.根据自己最外层div的类名来定义属性(如id='imgshow')
initPhotoSwipeFromDOM('#imgshow'); $("#imgshow>figure>div").each(function(){ $(this).height($(this).width()); });
3.根据自己从后台获取图片的大小,来计算出a标签里data-size的值,再赋值进去
里面的JS不完整,要加上这段代码:
var img = new Image(); img.src = linkEl.getAttribute('href'); linkEl.setAttribute('data-size', img.naturalWidth + 'x' + img.naturalHeight); size = linkEl.getAttribute('data-size').split('x');
这样就可以做到 获取图片的宽高,自适应