我想为我所有的产品图片自动添加 Alt 标签。
我正在使用 OSCommerce。 - 我希望最好将所有产品图片的 alt 标签添加为与产品名称相同或类似的标签 - 这可以通过某种脚本来完成吗?
非常感谢您的帮助 谢谢
最佳答案
绝对可以添加Alt
通过 JQuery 动态标记所有 <img>
标 checkout 现在页面上。
假设您有 <img>
标签如下:
<img class="productimage" title="Some Product Name"
src="http://someserver/somepath/images/product_1983212.jpg">
添加Alt
动态标记您可以尝试以下方法。
1) 加载 JQuery进入 HTML 页面的 <head>
如果不存在则标记。
2) 添加 jQuery 文档就绪事件处理程序,它将添加 alt
动态标记如下:
$(document).ready(function(){
$(".productimage").each(function(){
var currentTitle = $(this).attr("title");
$(this).attr("alt",currentTitle);
});
});
以上代码将遍历所有 <img>
标签有 class="productimage"
并将阅读其 title
并添加 alt
等于 title
.
希望对您有所帮助。
编辑:
通过查看您的产品详细信息页面,我想到了以下代码:
$(document).ready(function(){
$("#product-info-wrapper").each(function(){
var currentProdTitle = $(this).find("#product-header").find("span[itemprop=name]").text();
$(this).find("#product_image_holder > img").each(function(){
$(this).attr("alt",currentProdTitle);
});
});
});
修改代码以考虑您有多个 #product-info-wrapper
的情况成单页。
关于javascript - 自动将 Alt 标签添加到产品图片 - OSCommerce,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32348176/