【发布时间】：2013-12-10 04:38:19
【问题描述】：
我想在 wordpress 的左面板显示 10 个不同的图像（垂直排列），每 10 秒自动更改一次。我找到了许多以这种方式更改一张图片的解决方案，但我不知道如何做到这一点，有 10 张图片，所以每次更改后都不会重复。任何人都可以帮忙吗？ 编辑：抱歉之前没有发布我的代码。这是我设法做的事情：
<script type = "text/javascript">
function displayImage(image, link) {
document.getElementById("img1").src = image;
document.getElementById("bannerLink1").href = link;
document.getElementById("img2").src = image;
document.getElementById("bannerLink2").href = link;
document.getElementById("img3").src = image;
document.getElementById("bannerLink3").href = link;
}
function displayNextImage() {
x = (x == images.length - 1) ? 0 : x + 1;
displayImage(images[x], links[x]);
}
function displayPreviousImage() {
x = (x <= 0) ? images.length - 1 : x - 1;
displayImage(images[x], links[x]);
}
function startTimer() {
setInterval(displayNextImage, 1000);
}
var images = [], x = -1;
images[0] = "image1.jpg";
images[1] = "image2.jpg";
images[2] = "image3.jpg";
var links = [], x = -1;
links[0] = "http://test1.pl";
links[1] = "http://test2.pl";
links[2] = "http://test3.pl";
</script>
<img src="image1.jpg" onload = "startTimer()" style="display: none">
<a id="bannerLink1" href="http://test1.pl">
<img id="img1" src="image1.jpg"></a><br>
<a id="bannerLink2" href="http://test1.pl">
<img id="img2" src="image2.jpg"></a><br>
<a id="bannerLink3" href="http://test1.pl">
<img id="img3" src="image3.jpg"></a>
您可以在http://shimon893.tk/test.html 上看到结果（但最好将其放在 wordpress 小部件中） 一开始有隐藏的img，因为我需要将它作为一个小部件插入到wordpress，所以我需要把onload放在某个地方） 我不知道该怎么做是： 1) 使图像在页面加载时随机加载，但都是唯一的（将有 10 个）- 不重复 2) 几秒钟后，所有图像应更改为下一个（根据第一次加载时的随机），或再次随机而不重复。
【问题讨论】：
-
请分享一些有用的代码
-
自救，贴出你试过的相关代码……
标签： jquery html ajax wordpress image