このスライダー コードを作成しました。一時停止して続行するようにしたいと思いonmouseenter
ます。onmouseout
スライドの 1 つでビデオを再生します。スライダーが移動する前に、スライダーでビデオ全体を再生したいと考えています。
// settings
var $slider = $('.slider');
var $slide = 'li';
var $transition_time = 1000;
var $time_between_slides = 4000;
function slides(){
return $slider.find($slide);
}
slides().fadeOut();
// set active classes
slides().first().addClass('active');
slides().first().fadeIn($transition_time);
// auto scroll
$interval = setInterval(
function(){
var $i = $slider.find($slide + '.active').index();
slides().eq($i).removeClass('active');
slides().eq($i).fadeOut($transition_time);
if (slides().length == $i + 1) $i = -1;
slides().eq($i + 1).fadeIn($transition_time);
slides().eq($i + 1).addClass('active');
}
, $transition_time + $time_between_slides
);
助けてくれてありがとう。