首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当图像源发生变化时调用函数

当图像源发生变化时调用函数
EN

Stack Overflow用户
提问于 2013-07-02 23:26:02
回答 1查看 3.6K关注 0票数 2

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

我已经尝试在上使用两者。(‘已更改’..)然后继续。(‘加载’..)我尝试将事件绑定到dom中的更改,但无济于事。我已经尝试了最简单的解决方案,只需使用按钮上的单击功能来切换幻灯片图像。我最终得到的唯一结果是旧的src属性,所以我的carousel总是比图库晚一步。

当图像有一个新的src时,我如何调用一个函数?

使用我到目前为止尝试调用该函数的内容进行更新:

代码语言:javascript
运行
复制
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(){ makegallery();});//包含的div

EN

回答 1

Stack Overflow用户

发布于 2013-07-02 23:31:14

您可以只使用load事件。

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

代码语言:javascript
运行
复制
$("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开始。然后,当它改变时,事件被触发。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17429555

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档