如何为图片库创建标题和替代标签数组？

Question

我有一个图片库，其中图片按升序编号（每个图片库页面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+']+'

因为那样就什么也没有加载。 我认为某些Title标签也有多余的值，因此最好使用数组。 在此先非常感谢您，我已经尝试过自己解决这个问题，但是我真的可以使用一些帮助。 进行此操作的网站/参考链接也将有所帮助。

Answer 1

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

你不需要i '+i+' 。

Answer 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项的标题。