如何创建标题&我的图片库的Alt标签数组?

时间:2013-11-11 10:01:45

标签: javascript jquery html arrays

我有一个图像库,其中图像按升序编号(每个图库页面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&amp; Alt标签反映每id(number).jpg不同的值,因此id1.jpg有自己独特的alt&amp;标题标签,id2.jpg, id3.jpg&amp;等等。我已尝试用new Array执行此操作,但我不知道这是否是正确的方法。显然我不能这样做:

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

因为没有任何东西加载。我想我也有一些Title标签的冗余值,所以最好使用一个数组。非常感谢你,我已经尝试过自己解决这个问题,但我真的可以使用一些帮助。用于执行此操作的网站/参考链接也将有所帮助。

2 个答案:

答案 0 :(得分:0)

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

您需要i而不是'+i+'

答案 1 :(得分:0)

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