开发者

jquery slideshow won't stop!

I am using jquery.cycle for slideshows. I am trying to get it to stop when my mouse leaves the designated area but the slideshow just starts up again but much slower (at regular speed without any options as if it has been called again). Anyone have any ideas of what I may be doing wrong?

 $('.summary').mouseenter(function(){
var vid_id=jQuery(".slideshow", this).attr('vid_id');

   jQuery(".slideshow", this).html('<img src="image_handler.php?s=002&ID='+vid_id+'" width="130" height="130"/><img src="image_handler.php?s=003&ID='+vid_id+'" width="130" height="130"/><img src="image_handler.php?s=004&ID='+vid_id+'" width="130" height="130"/>&开发者_运维知识库lt;img src="image_handler.php?s=005&ID='+vid_id+'" width="130" height="130"/>');
         jQuery(".slideshow", this).cycle({
        fx: 'fade',
        speed: 500,
        timeout:500
    });
  }),
$(function(){
  $('.summary').mouseleave(function(){                           
      jQuery(".slideshow", this).cycle('stop'); 
  });


Try calling 'destroy' on mouseleave instead, this will stop the slideshow and unbind all events.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜