我的代碼圖片載入代碼分為三塊1.加載圖片模板(這時(shí)候圖片沒有src)2.綁定load方法(動(dòng)態(tài)調(diào)整圖片大小)3.給圖片循環(huán)添加路徑我想要的效果是:在圖片未load之前就調(diào)整好圖片大小,在第三步的時(shí)候直接顯示調(diào)整后大小,然而并沒有按我的想法來(lái),現(xiàn)在的執(zhí)行順序是:加載模板后直接給圖片添加了scr,最后才去執(zhí)行l(wèi)oad方法的,所以在界面上就顯示為圖片先變大再變小,導(dǎo)致會(huì)有視覺上的抖動(dòng),請(qǐng)各位大牛幫忙看看如何解決這個(gè)問題~以下是具體代碼//加載模板that.thumbnailBody.html(thumbnailFragments);//綁定load方法that.thumbnailBody.find('.thumbnail-cell>.thumbnail-image').find('img').off('load').on('load',function(){varwidth=$(this).parent().width(),height=$(this).parent().height();reSizeImage(this,width,height);});//給圖片循環(huán)添加路徑that.thumbnailBody.find('.thumbnail-cell>.thumbnail-image').find('img').each(function(index,img){varitem,alt,id;item=data[index];alt=item.panel_id;id=item.panel_id;img.src=item.ordinaryPath;img.id=id;img.alt=alt;});
image load 方法執(zhí)行順序?qū)е聢D片抖動(dòng)的問題
BIG陽(yáng)
2019-05-21 16:31:39