Haber portalında kullanılmakta olan manşetim var butonları üzerine mouse ile gelince saymaya devam ediyor. Stop ve start özelliği nasıl kazandırabilirim, javascript kodlarım aşağıdadır;
//Ana manset
var Slider = 0;
$.Slider = function(toplam){
$(".ana_manset_list_button li").removeClass("aktif");
$(".ana_manset_list_image li").hide();
$(".ana_manset_list_title li").hide();
if (Slider < toplam-1){
Slider++;
$(".ana_manset_list_button li:eq("+Slider+")").addClass("aktif");
$(".ana_manset_list_image li:eq("+Slider+")").show();
$(".ana_manset_list_title li:eq("+Slider+")").show();
}else {
$(".ana_manset_list_button li:first").addClass("aktif");
$(".ana_manset_list_image li:first").show();
$(".ana_manset_list_title li:first").show();
Slider = 0;
}
}
var toplamLi = $(".ana_manset_list_image li").length;
var interval = setInterval('$.Slider('+toplamLi+')', 5000);
$(".ana_manset_list_image").hover(function(){
clearInterval(interval);
}, function(){
interval = setInterval('$.Slider('+toplamLi+')', 5000);
});
$(".ana_main_list li:last").css("background","none");
$(".ana_manset_list_image li").hide();
$(".ana_manset_list_image li:first").show();
$(".ana_manset_list_title li").hide();
$(".ana_manset_list_title li:first").show();
$(".ana_manset_list_button li:first").addClass("aktif");
$(".ana_manset_list_button li").hover(function(){
var indis = $(this).index();
$(".ana_manset_list_image li").hide();
$(".ana_manset_list_title li").hide();
$(".ana_manset_list_button li").removeClass("aktif");
$(this).addClass("aktif");
$(".ana_manset_list_title li:eq("+indis+")").show();
$(".ana_manset_list_image li:eq("+indis+")").show();
$(".ana_manset_list_button li:eq("+indis+")").addClass("aktif");
});
Aşağıdaki kodu ekledim durum değişmedi yada gözümden kaçan bir şey var;
//On mouseover stop the slider
$("#sliderR").mouseover(function() {
$(this).stop();
return false;
});
//On mouseout start the slider
$("#sliderR").mouseout(function() {
loop();
});