2

每当加载具有特定类的图像时，我都会尝试调用一个函数。关键是在带有标题等的更大图像的幻灯片下方生成一个轮播缩略图画廊。

我尝试同时使用 on.('changed' .. ) 和 on.('load' .. ) 均无济于事，我尝试将事件绑定到 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

4

1 回答 1

-1

您可以只使用加载事件。

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-02T15:31:14.327 回答