自动对图像

Question

添加ALT当我添加

$(document).ready(function() { 
$('#readerareaimg img').each(function(){ 
var filename = $img.attr('src') 
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 
}); 

我的网站会基于文件名的图像自动生成alt和title标签，但我想在文件名前添加任何字。 例如文件名是comic.jpg，我将显示alt="comic"，但我希望这个ALTT成为alt="read comic"。

有人可以解释如何做到这一点？请先生：3

Answer 1

它串联字符串的一个简单的例子，当你设置的alt属性：

$img.attr('alt', 'read ' + filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 

---

至于从评论的数量要求，您可以捕捉指标参数，它是基于零的，然后+1来得到1-n。

$('#readerareaimg img').each(function(index){ 
    $(this).attr('alt', 'comic naruto image ' + (index+1)); 
}); 

Answer 2

您可以在放置属性值的位置使用'+'符号。

$img.attr('alt', 'required word'+filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 

或

$img.attr('alt',filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))+'required word');