javascript - 图像滑块计时器的单击事件

Question

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

1. 图片与文字不同步
2. 我需要一个缩略图计时器的点击事件，点击该图像应该以明确的间隔发生变化。

这是我正在尝试的链接：

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

Answer 1

我注意到同步。问题是在显示图像完整循环后解决的，所以它与图像的下载速度有关。假设您在幻灯片放映中使用 1.jpg、2.jpg、3.jpg 和 4.jpg。因此，您将首先将它们包含在您使用的 div 面板之前显示的 none 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>

这将允许页面在呈现幻灯片之前下载图像，因此图像将准备好以与文本相同的速度进行维护。