0

我的服务器上出现了非常奇怪的行为。那是我的代码:

<script type="text/javascript">
jQuery(function($){
    $(".slides").cycle({
        fx:     'none',
        speed:   1,
        timeout: 1000,
        width: 160,
        height: 120
    }).cycle("pause");

    // Pause & play on hover
    $(".slideshow-block").hover(function(){
        $(this).find(".slides").addClass("active").cycle("resume");
    }, function(){
        $(this).find(".slides").removeClass("active").cycle("pause");
    });

});
</script>

HTML 如下所示:

<div class="slideshow-block">
  <ul class="slides">
    <li><img src="img1.jpg" /></li>
    <li><img src="img2.jpg" /></li>
    <li><img src="img3.jpg" /></li>
  </ul>
</div></div>

现在,如果我.cycle("pause")一开始使用,悬停功能不会被执行。如果我在开始时跳过暂停,加载网站时幻灯片正在运行,当我将鼠标移到图像上时它会继续运行,当鼠标离开图像区域时它会停止,一切都应该是. 当我开始播放暂停的幻灯片时,为什么这不起作用?

感谢您的任何提示。

4

1 回答 1

1

您的代码在 jsfiddle 中运行良好。

http://jsfiddle.net/lucuma/pssgN/1/

上面的 HTML 有一个悬空的关闭 div..

于 2012-06-09T00:06:32.740 回答