如何为我的图片库创建 Title & Alt 标签数组？答案

【问题标题】：How do I create a Title & Alt tag array for my image gallery?如何为我的图片库创建 Title & Alt 标签数组？
【发布时间】：2013-11-11 10:01:44
【问题描述】：

我有一个图片库，其中的图片按升序编号（每个图片库页面 1-15 个，我总共有大约 120 张图片）。有用的 Stackflow 成员 Rituraj 和 MarsOne 帮助我编写了代码，因为我想减少页面中的 HTML 冗余。现在的代码如下所示：

var str='';
var maxP=15;
var myTitle=new Array(); 
myTitle[1]="Title 1";       
myTitle[2]="Title 2";
myTitle[3]="Title 3";

for(var i=1;i<=maxP;i++)
{ 
str+='<li><a href="images/work/id'+i+'.jpg " rel="prettyPhoto[gallery1]" title="Title '+i+'"><img src="images/work/idtn'+i+'.jpg " width="100" height="100" alt="Alt Tag Value '+i+'" /></a></li>';
}

我真的希望 Title 和 Alt 标签能够反映每个 id(number).jpg 的不同值，因此 id1.jpg 具有自己独特的 alt 和 title 标签，id2.jpg, id3.jpg 等也是如此。我试过用new Array 来做这件事，但我不知道这是不是正确的做法。同样显然我不能这样做：

'+myTitle['+i+']+'

因为那时什么都没有加载。我想我也有一些标题标签的冗余值，所以最好使用数组。非常感谢您，我已经尝试自己解决这个问题，但我真的可以使用一些帮助。一个指向网站/参考的链接也会有所帮助。

【问题讨论】：

标签： javascript jquery html arrays

【解决方案1】：

您的索引等于i 的值，而不是字符串文字'+i+'。

你需要i 而不是'+i+'。

【讨论】：

【解决方案2】：

for(var i=1;i<=maxP;i++)
{ 
str+='<li><a href="images/work/id'+i+'.jpg " rel="prettyPhoto[gallery1]" title="Title '+myTitle[i]+'"><img src="images/work/idtn'+i+'.jpg " width="100" height="100" alt="Alt Tag Value '+myTitle[i]+'" /></a></li>';
}

你不需要'+i+'，你只需要i，它将是数组的索引。所以 myTitle[i] 会得到数组中第 i 项的标题。

【讨论】：

图像名称中不需要 id：images/work/id'+myTitle[i]+'.jpg 到 images/work/'+myTitle[i]+'.jpg
你也改变了href而不是src。
感谢大家的帮助！ :)