PhotoSwiper图片插件自适应

  323 次阅读

CONTENT

用过photoswipe做移动端图片预览的小伙伴都知道,这个插件存在一个data-size,必须要填写,但是如果你的图片尺寸比例不是固定的,那这个属性就会带来无尽的烦恼,我个人在使用jQuery时,发现一种解决办法:

  1. window.onload=function(){
    
  2. auto_data_size();
    
  3. };
    
  4. function auto_data_size(){
    
  5. var imgss= $("figure img");
    
  6. $("figure img").each(function() {
    
  7. var imgs = new Image();
    
  8. imgs.src=$(this).attr("src");
    
  9. var w = imgs.width,
    
  10. h =imgs.height;
    
  11. $(this).parent("a").attr("data-size","").attr("data-size",w+"x"+h);
    
  12. })
    
  13. };

Comments | NOTHING

暂无评论...