У меня проблема с моим кодом. Я пытаюсь создать бесконечное l oop для слайдера и временно остановиться на зависании. Мне нужно как это получить.
function SlideLeft() {
marginleft = $(".slideinner-style").css("left");
marginleft = marginleft.replace("px");
currentindex = $("#currentindex").val();
if (currentindex == 1)
return;
$(".sliderightinner-style").show();
if (parseInt(currentindex) - 1 == 1)
$(".slideleftinner-style").hide();
$("#currentindex").val(parseInt(currentindex) - 1);
holderwidth = $(".slideinnerholder-style").css("width");
holderwidth = holderwidth.replace("px");
$(".slideinner-style").animate({
"left": (parseInt(marginleft) + parseInt(holderwidth)) + "px"
}, "slow");
}
function SlideRight() {
marginleft = $(".slideinner-style").css("left");
marginleft = marginleft.replace("px");
holderwidth = $(".slideinnerholder-style").css("width");
holderwidth = holderwidth.replace("px");
currentindex = $("#currentindex").val();
blockcount = $("#blockcount").val();
if (currentindex == blockcount)
return;
$(".slideleftinner-style").show();
if (parseInt(currentindex) + 1 == blockcount)
$(".sliderightinner-style").hide();
$("#currentindex").val(parseInt(currentindex) + 1);
$(".slideinner-style").animate({
"left": (parseInt(marginleft) - parseInt(holderwidth)) + "px"
}, "slow");
}
function autoplay() {
interval = setInterval(function() {
SlideRight();
}, 3000);
}
autoplay();
Я использую этот код для l oop ползунка
$('.slideinner-style').delay(3500).fadeOut(500, SlideRight);
Но он не сработал так, как предполагалось. Есть предложения?
Демо: https://jsfiddle.net/excdkfvL/