ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Полный стоп перемотки слайдера при наведении мыши.

 

10
AL1M @AL1M
Доброе время суток, всем, уважаемые прораммисты!

В общем, поскольку я не знаю язык программирования JS, столкнулся со следующей проблемой.
Мне необходимо чтобы при наведении мыши на главное окно слайдера его перемотка останавливалась, поскольку я в слайдере расположил не картинки а видеоролики, и было бы желательно (но не обязательно) чтобы после того как ролик закончил проигрываться, слайдер начал автоматически опять проигрываться. Прошу мне помочь в данной проблеме, буду вам благодарен от чистого сердца....

Сам слайдер **********

Его код, как я понимаю.

<script>
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;

theInterval = function(cur){
clearInterval(theInt);

if( typeof cur != 'undefined' )
curclicked = cur;

$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');

theInt = setInterval(function() {
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 6 == curclicked )
curclicked = 0;

}, 3000);
};

// DOM Ready
$(function() {

$("#main-photo-slider").codaSlider();

$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");

$navthumb
.click(function() {
var $this = $(this);
theInterval($this.parent().attr('href').slice(1) - 1);
return false;
});

theInterval();
});
</script>