Jquery Image Слайд справа налево - PullRequest
Новая
       23

Jquery Image Слайд справа налево

0 голосов
/ 05 марта 2012

У меня есть три встроенных изображения, которые я хочу скользить справа налево при загрузке.

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

Я думаю, это будет использовать позиционирование animate или css?

Вы можете использовать это: http://jsfiddle.net/RSk7n/8/, чтобы попытаться получить эффект.

Все предложения приветствуются!

1 Ответ

3 голосов
/ 05 марта 2012

Отметьте это http://jsfiddle.net/blackpla9ue/RSk7n/14/

function animateImgs(){
    $('ul li:not(.visible)')
        .first()
        .animate({'margin-left': '0px'},
                 1000, function(){
                     $(this).addClass('visible');
                     animateImgs();    
                });
}

animateImgs();

Обязательно добавьте overflow: hidden; к вашему родителю ul и margin-left: 9999px; к вашему li s

...