当图像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发生变化时的调用函数

回答

相关问题