0

希望这不是太复杂。我有一行代码用于以设定的时间间隔刷新图像。这很好用。我可以重复这行代码，只需更改每个代码的唯一名称，并在每个页面上获取多个图像以刷新。我想做的是在页面顶部有一个列表或数组，在那里设置图像位置，并在那里为每个图像设置一个标题。它会使事情变得比在更改图像时尝试剪切和粘贴大量代码更简单。

这是我使用的代码行：（对于每张图片，refresh1 被重命名为 refresh2、refresh3 等）

<img src="http://somewhere.com/picture1.jpg" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'somewhere.com/picture1.jpg?\'+new Date().getMilliseconds()', 15000)" />

我想在顶部使用 javascript 数组（或 CSS 可能？）做一些事情，效果如下：

Array:    
image1= somewhere.com/picture1.jpg
image2= somewhere.com/picture2.jpg
title1= "Picture of someplace Fun"
title2= "Picture of someplace Hot"

然后在我的代码中通过以下方式调用它们：

<display text from 'title1'>
<img src="image1" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'image1?\'+new Date().getMilliseconds()', 15000)" />

<display text from 'title2'>
<img src="image2" id="refresh2" onload="setTimeout('document.getElementById(\'refresh2\').src=\'image2?\'+new Date().getMilliseconds()', 15000)" />

如您所见，我对从表或数组中调用事物知之甚少！

4

1 回答 1

1

我会使用选择器来获取您的图像，然后插入变量中的值。

document.getElementById("refresh1").src = image1
document.getElementById("refresh2").src = image2

image1并且image2也需要是字符串值。

编辑：用 DOM 指令替换 jQuery

于 2013-10-22T00:10:28.963 回答