Question

我改编了Jon Raasch的{{3}}代码，基本上是一个渐弱的幻灯片。该脚本将“活动”幻灯片提升为更高的z-index，并为不透明效果设置不透明度。

它正常工作，暂停鼠标悬停暂时停止播放幻灯片。

我遇到的问题是我试图阻止脚本在重复鼠标悬停幻灯片时排队。当发生这种情况时，它会闪烁并且变得狂暴。

我已尝试使用 stop（），但尚未正常使用。

有人可以告诉我在下面的代码中插入这个位置吗？或者，如果我采取错误的方式!!

干杯

路

function slideSwitch() {
var $active = $('#hp-featured div.active');
if ( $active.length == 0 ) $active = $('#hp-featured div:last');
var $next =  $active.next().length ? $active.next()
    : $('#hp-featured div:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1000, function() {
        $active.removeClass('active last-active');
    });
}
$(function() {
    var playSlideshow =  setInterval( "slideSwitch()", 5000 ); 
 $('#hp-featured div').hover(function() {
     clearInterval(playSlideshow);
  },
  function() {
      playSlideshow =  setInterval( "slideSwitch()", 5000 );
  });
});

Answer 1

好的我解决了这个，问题不在代码中，而是在父'slide'div中有一个额外的div嵌套。该功能正在解雇他们并造成混乱。

干杯

鼠标悬停时淡出jQuery幻灯片闪烁/队列问题（slideSwitch.js）

1 个答案: