如何使用 HTML/Javascript 在 WordPress 文本小部件中显示一系列随机图像？

Question

我在 Dreamhost 上使用 WordPress 3.0.5，试图在侧边栏中创建一个文本小部件，该小部件将显示一组随机的九 (9) 个客户端徽标。共有 12 个 logo，位于 /wp-content/clients 文件夹中，命名为 logo1.jpg 到 logo12.jpg。

想法是随机选择第一张图片，然后按顺序获取接下来的八张图片，以避免重复。

更新

搞定了，谢谢大家的指点！

这是最终的工作版本：

<div id="client-logos"></div>

<script type="text/javascript">

TotalLogos = 12;    
FirstPart = '<img src="/wp-content/clients/logo';
LastPart = '.jpg" height="50" width="110" />';

var r = Math.ceil(Math.random() * TotalLogos);

var content = document.getElementById('client-logos').innerHTML;
document.getElementById('client-logos').innerHTML = FirstPart + r + LastPart;

var t=0;
for (t=0;t<8;t++)
   {
      if (r == TotalLogos) { r=0; }
      r++;
      var content = document.getElementById('client-logos').innerHTML;
      document.getElementById('client-logos').innerHTML = content + FirstPart + r + LastPart;
   }

</script>

Answer 1

document.write() 在页面完成加载之前运行.. 你应该用别的东西..

首先，您应该通过 id 获取 div 容器的对象：

你的html：

    <div id="containerid"></div>

<script>
var elem = document.getElementById('containerid');
elem.innerHTML= "FirstPart + r + LastPart";
</script>

Answer 2

只需将 t=8 更改为 t<8 即可（对我而言）。 for 循环中的第二个表达式表示：“只要这是真的就执行 foo 循环”。只要t < 8，您的代码就必须执行；当t == 8 时，它应该停止。

工作示例：http://jsfiddle.net/m7m7C/