我的代碼圖片載入代碼分為三塊
1.加載圖片模板（這時(shí)候圖片沒(méi)有src）
2.綁定load方法(動(dòng)態(tài)調(diào)整圖片大小)
3.給圖片循環(huán)添加路徑

我想要的效果是：在圖片未load之前就調(diào)整好圖片大小，在第三步的時(shí)候直接顯示調(diào)整后大小,
然而并沒(méi)有按我的想法來(lái)，
現(xiàn)在的執(zhí)行順序是：加載模板后直接給圖片添加了scr,最后才去執(zhí)行l(wèi)oad方法的，所以在界面上就顯示為圖片先變大再變小，導(dǎo)致會(huì)有視覺(jué)上的抖動(dòng)，請(qǐng)各位大牛幫忙看看如何解決這個(gè)問(wèn)題~
以下是具體代碼

// 加載模板
    that.thumbnailBody.html(thumbnailFragments);
// 綁定load方法
    that.thumbnailBody.find('.thumbnail-cell > .thumbnail-image').find('img').off('load').on('load', function () {
      var width = $(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) {
        var item, alt, id;
        item = data[index];
        alt = item.panel_id;
        id = item.panel_id;
        img.src = item.ordinaryPath;
        img.id = id;
        img.alt = alt;
    });