2013-12-23 3 views
2

Я пытаюсь создать анимацию карусели, которая занимает 3 фотографии и скользит влево и приносит новые 3 изображения, я не думаю, что я в правильном направлении нужна помощьпытаясь сделать карусель анимации слайдер

здесь скрипка ссылка: http://jsfiddle.net/G5cKK/11/

setInterval(function() { 
    $('img:first').animate({ 
     'left': -$('.box').width() + 'px' 
    },1000, function() { 
      $(this).remove().appendTo('.all') 
    }); 
}, 5000); 

ответ

0

Вы можете анимировать ширину вместо позиции:

JavaScript

setInterval(function() { 
    var $img = $('img:first'); 
    var $imgClone = $img.clone().width(0).appendTo('.all'); 

    $img.animate({'width': 0},1000, function(){$img.remove()}); 
    $imgClone.animate({'width': 65},1000); 
}, 5000)  

Демо:http://jsfiddle.net/G5cKK/12/

Смежные вопросы