Question

我想为我的所有产品图片自动添加Alt标签。

我正在使用OSCommerce。 - 我想最好添加所有产品图片alt标签与产品名称相同或类似 - 可以用某种脚本来完成吗？

我非常感谢你的帮助感谢

Answer 1

绝对可以通过JQuery动态地将Alt标记添加到页面上显示的所有<img>标记中。

假设您拥有<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放入单页的情况。

自动将Alt标签添加到产品图片 - OSCommerce

1 个答案: