我有一个图像库,其中图像按升序编号(每个图库页面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标签的冗余值,所以最好使用一个数组。非常感谢你,我已经尝试过自己解决这个问题,但我真的可以使用一些帮助。用于执行此操作的网站/参考链接也将有所帮助。
答案 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的标题。