最近在做仿微信的图片预览,点击图片放大,并左右滑动,使用的Photoswiper插件,插件很好用,流畅度什么的都很好,就是一个data-size固定宽高比很恶心,看了很多资料,都没有解决,在快放弃这个插件的时候找到了解决方法,
for(var i = 0; i < numNodes; i++) {
figureEl = thumbElements[i]; // <figure> element
// include only element nodes
if(figureEl.nodeType !== 1) {
continue;
}
linkEl = figureEl.children[0]; // <a> element
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');