根据特定图像更改img源
Change the img source based on a specific image
我有一个页面,其中有几个图标图像需要更改。我无法通过ID获取图像,因为它们是由服务器生成的,所以总是会更改,但我可以通过类名获取。
因此,我想更改页面上的几个图标图像中的4个,方法是获取图像源并检查它是否符合我想要更改的图像的标准,然后交换新的图标图像。
我有一些javascript和JQuery的笨拙版本,但我真的在寻找一个功能简单的光滑版本。
我确实发现这对4个需要在多个位置更改的独立图像很有效:
function changeArrow() {
$('img[src="chevron-orange-round-down.jpg"]').attr('src', 'chevron-blue-round-down.jpg')
$('img[src="chevron-orange-round-up.jpg"]').attr('src', 'chevron-blue-round-up.jpg')
$('img[src="chevron-orange-round-left.jpg"]').attr('src', 'chevron-blue-round-left.jpg')
$('img[src="chevron-orange-round-right.jpg"]').attr('src', 'chevron-blue-round-right.jpg')
}
我原以为我需要一个循环,比如下面建议的每个循环,但这改变了所有符合标准的图像实例。
您可以设置src属性$('.image').attr('src', 'val');
或者通过简单的环路
$('.image').each(function(i, obj) {
if($(this).attr('src')=='some criteria')
{
$(this).attr('src', 'val');
}
});
相关文章:
- 图像可以从源<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>图像作为另一个元素的背景