对于图片宽高计算

liangyongfei

q2045377 发表于 2017-6-20 21:45
网上找到方法   求问   如果是多张图片   在 怎么用for循环处理方法怎么处理哈   麻烦了
        Model.pr ...

你是list 中 显示多行数据吗？？

如果是的话可以使用
var imgs = this.getElementsByXid('image3');
获取dom对象的数组！

然后for循环 imgs  调用imgLoad 应该就行的！


getElementsByXid 就是获取数组
getElementByXid  是获取一个dom元素

q2045377

liangyongfei 发表于 2017-6-21 09:53
你是list 中 显示多行数据吗？？

如果是的话可以使用

不是哈，，不是list，，是页面上的几张图片

liangyongfei

q2045377 发表于 2017-6-21 10:29
不是哈，，不是list，，是页面上的几张图片

都是 img 标签吗？？那就使用
xid 不一样吧！  那就分别使用
this.getElementByXid   获取每个图片的don对象存放在数组中！自己循环数组去遍历把！

q2045377

liangyongfei 发表于 2017-6-21 11:16
都是 img 标签吗？？那就使用
xid 不一样吧！  那就分别使用
this.getElementByXid   获取每个图片的don ...

哦哦  好的  谢谢

q2045377

liangyongfei 发表于 2017-6-21 11:16
都是 img 标签吗？？那就使用
xid 不一样吧！  那就分别使用
this.getElementByXid   获取每个图片的don ...

没效果  感觉  哪里错了哈   list  图片循环上
var t =this.getElementsByXid('image6')
         function imgLoad(img, callback) {
         var timer = setInterval(function() {
         if (img.complete) {
         callback(img)
       clearInterval(timer)
          }
         }, 50)
          }
        for(i=0;i<t.length;i++){
        var x=t【i】;
           imgLoad(x, function() {
         var width = $(x).width();////得到图片的宽度
         var height = $(x).height();//得到图片的高度
         var Maxwidth = $(x.parentNode).width();//获得最大宽度
        var Maxheight = $(x.parentNode).height();///获得最大高度
        var margnheight;
        var newheight;  
        $(x).css("width", Maxwidth);
        newheight = height / (width / Maxwidth);     
       if(newheight>Maxheight){
       margnheight = (Maxheight - newheight) / 2;
       $(x).css("margin-top", margnheight);   
       }
  })
}

liangyongfei

q2045377 发表于 2017-6-21 11:33
没效果  感觉  哪里错了哈   list  图片循环上
var t =this.getElementsByXid('image6')
         functio ...

１．确定　ｌｉｓｔ渲染完了吗？
http://docs.wex5.com/wex5-ui-question-list-2171

２．你使用setInterval　循环执行！都是在５０毫秒后运行！
建议在　imgLoad　的回调中执行　ｆｏｒ循环比较合适！

你先试试ｂｕｔｔｏｎ点击事件中处理是否正常？？
正常后再考虑ｏｎＬｏａｄ事件！