单击“图像滑块计时器”的“事件”

Question

我正在使用计时器处理图像滑块。但是有一些问题......

1. 图片与文字不同步
2. 我需要点击缩略图计时器的点击事件，点击图片应该以明确的间隔更改。

以下是我正在尝试的链接：

http://jsfiddle.net/alex_ball/UgQJG/

Answer 1

我注意到了同步。问题在完成显示图像循环后得到解决，因此它与图像的下载速度有关。假设你在幻灯片中使用，1.jpg，2.jpg，3.jpg和4.jpg。因此，您将首先在所使用的div面板之前的显示无div中包含它们。

    <div style="display:none">
    <img src='1.jpg' />
    <img src='2.jpg' />
    <img src='3.jpg' />
    <img src='4.jpg' />
    </div>

    <div id="panel">
      <div id="title">
      </div>
      <img id="imageSlide" alt="" src="" width="250px"/>
      <div id="desc">
      </div>
    </div>
<script>
//JavaScript slide initiation code here.
</script>

这将允许页面在呈现幻灯片放映之前下载图像，因此图像将准备以与文本相同的速度保持。