當圖像src發生變化時的調用函數

我試圖在加載具有特定類的圖像時調用函數。重點是生成一個旋轉木馬縮略圖下方的幻燈片放映更大的圖像與標題，等當圖像src發生變化時的調用函數

我試過使用兩個。（'更改'..）和。（'負載'..）無濟於事，我已經嘗試了綁定事件到dom的變化。我已經嘗試了所有解決方案中最簡單的方法，只需使用切換幻燈片圖像的按鈕上的點擊功能即可。我最終得出的唯一結果是舊的src屬性，所以我的傳送帶總是比圖庫落後一步。

如何在圖像有新的src時調用函數？

更新與我迄今試圖調用該函數：

jQuery('.nivo-main-image').on('load', function() { 
    makegallery(); 
}); 

jQuery('.nivo-main-image').load(function() { 
    makegallery();  
}); 

jQuery('.nivo-main-image').attr('src' function() { 
    makegallery();  
});

的jQuery（ '＃集裝箱'）改變（函數（）{makegallery（）;}）; //包含div

來源

2013-07-02 FroboZ

沒有任何代碼很難提供幫助。一個jsFiddle總是理想的。 – astex

圖片不只是自己獲取新的src。你不能在你改變它的地方打電話給你的功能嗎？ – GolezTrol

您需要發佈您的HTML和Javascript，以便任何人都能夠爲您提供幫助。 – DevlshOne

您可以使用加載事件。

http://jsfiddle.net/EkYpY/1/

$("img").on("load", function() { 
    alert('loaded'); 
}); 
setTimeout(function() { 
    $("img").attr("src", "http://images2.fanpop.com/images/photos/5700000/Random-random-5719763-1280-800.jpg"); 

}, 3000);

這裏像一個SRC開始。然後當它改變事件觸發。

來源

2013-07-02 15:31:14 Smeegs

謝謝，但此代碼不起作用，setTimeout何時被調用？ – FroboZ

settimeout只是在那裏改變圖像的src。向您展示加載事件正在觸發。你如何改變代碼中的src？ – Smeegs

問題是當src改變時load事件不會被觸發。 src由nivo滑塊插件改變，所以我不完全肯定是誠實的。然而，我確實在插件中找到了一個函數，在下一個滑塊圖像被加載後被調用，所以我插入我的函數調用，並解決它。但是，不是回答一個人如何從圖像src變化觸發事件的問題，也許這是不可能的？ – FroboZ

當圖像src發生變化時的調用函數

回答

相關問題