Я закодировал базовый скроллер изображений, который случайным образом размещает изображения (в a), а затем позволяет использовать две кнопки для анимации, затем влево и вправо.
Пока все работает хорошо, каждое изображение перемещаетсяс другой скоростью, и когда вы перестаете зависать над кнопкой, все останавливается.
Но еще одна последняя функция, которую я хотел бы, чтобы изображения "зацикливались" назад, поэтому, если они покидают левый край, они- Появляются справа и наоборот.
Возможно ли это?
Вот мой код:
<script type="text/javascript">
$(document).ready(function() {
$('.Product_List li').each(function() {
$(this).css('left', Math.floor(Math.random() * 1280));
$(this).css('top', Math.floor(Math.random() * 200));
var $speed = Math.floor(Math.random()*1000000);
$(this).animate({left: "+=1280px"}, $speed, 'linear');
});
$('.moveLeft').hover(
function() {
$('.Product_List li').stop();
$('.Product_List li').each(function() {
var $speed = Math.floor(Math.random()*1000000);
$(this).animate({left: "-=1280px"}, $speed, 'linear');
});
},
function() {
$('.Product_List li').stop();
}
);
$('.moveRight').hover(
function() {
$('.Product_List li').stop();
$('.Product_List li').each(function() {
var $speed = Math.floor(Math.random()*100000);
$(this).animate({left: "+=1280px"}, $speed, 'linear');
});
},
function() {
$('.Product_List li').stop();
}
);
});
</script>
Надеюсь, кто-то может пролить свет на мою просьбу!