Автопрокрутка горизонтальной анимации - PullRequest
Новая
       23

Автопрокрутка горизонтальной анимации

0 голосов
/ 17 сентября 2018

У меня есть этот горизонтальный перетаскиваемый свиток.Теперь я хочу, чтобы этот элемент медленно перемещался справа налево до конца всего элемента и останавливался при наведении курсора.Ширина этого элемента больше ширины окна.

Вот мой код для элемента и как я могу сделать его перетаскиваемым. 

<div id="horizontal-wrapper">
<div id="horizontal-scroll" class="draggable ui-widget-content ui-draggable" >
<div class="img-scroll"> </div> 
<div class="img-scroll"> </div> 
<div class="img-scroll"> </div> 
<div class="img-scroll"> </div>                                      
</div>
</div>

function horizontalSlider() {
var width = 0;
var wwidth = window.innerWidth;
$('.img-scroll').each(function () {
    width += $(this).outerWidth(true);

});
var widthmax = width - wwidth;
$('#horizontal-scroll').css('width', width);
$('#horizontal-scroll').css('left', -wwidth + 200);
$("#horizontal-wrapper").css("left","100%");    
if ( $( ".draggable" ).length ) {
$( ".draggable" ).draggable({
          axis: "x",
          containment: [-widthmax,0,0,0]

});
}   
}


$(window).resize(function () {
resizeSlider(); 
});

$(document).ready(function () {
resizeSlider();     
});

Я использовал разные методы, но у меня ничего не получалось,Кто-нибудь может мне помочь?

...