jQuery:如何使用img.attr('src', 'img.png')对图像源的更改
jQuery: How to animate (fade) change of image source using img.attr('src', 'img.png')?
所以使用 jQuery 我使用 img.attr('src', 'img.png')
更改图像的来源。
这只是更改源并以非常静态的方式更新图像,而无需执行任何动画,例如淡入淡出。
我将如何为这种图像变化设置动画?
希望这会有所帮助。当我遇到这个问题时,在某处看到了这个解决方案。
$("#link").click(function() {
$("#image").fadeOut(1000, function() {
$("#image").attr("src",$("#link").attr("href"));
}).fadeIn(1000);
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="image" src="http://www.google.com/logos/2011/trevithick11-hp.jpg"/>
<a id="link" href="http://www.google.com/logos/2011/mothersday11-hp.jpg">Change picture</a>
淡
出图像,当图像不可见时,更改其来源:
$('#myImg').fadeOut().queue(function() {
var img = $(this);
img.attr('src', newSrc);
img.fadeIn();
img.dequeue();
});
相关文章:
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 如何将JSON结果设置为'src'共'img'以在ASP.NET MVC4中显示图像
- 显示生成的gif;base64图像使用C#代码隐藏在img中使用JavaScript
- 在内联html img标记中显示带有图像标记的SVG
- 预加载标签IMG而不指定图像的名称
- 交换 img src 或显示/隐藏多个图像是否更快
- 如何在 HTML 中的按钮单击上更改图像(IMG URL 每次来自服务器)
- 图像选取器jquery插件:如何获取所选图像的img src(多选情况)
- 如何读取存储在图像的数据src中的URL,并在另一个img控制器的src中设置该URL onclick
- <img>标签未显示图像
- 动态设置背景图像或创建img标记有什么区别
- 用javascript在img中显示图像/jpeg
- 使用带有 img 元素的 css 背景图像
- javascript 将 IMG 标签中的图像转换为 标签中的实际链接图像
- 使用 javascript 从图像数组中更改 img 标签 src.骰子游戏
- 捕获 img 标签并更改图像
- 获取输入 IMG 类型的选定图片并加载到图像标签中
- 使用 IMG 地图显示更大的图像
- 旋转 img 标记中的图像 URL 以预加载所有图像 URL
- 使用& lt; img>图像作为另一个元素的背景