当图像src改变时调用函数

时间:2013-07-02 15:26:02

标签: jquery

我尝试在加载特定类的图像时调用函数。重点是在带有字幕等的大图像幻灯片下方生成一个缩略图的旋转木马库。

我已尝试同时使用这两种方式。('已更改' ..)和on。('加载' ..)无效,我尝试将事件绑定到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('#container')。change(function(){makegallery();}); //包含div

1 个答案:

答案 0 :(得分:0)

您可以使用加载事件。

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开头。然后当它改变事件时会发生火灾。