Простое слайд-шоу JQuery создает длинные паузы - PullRequest
Новая
       0

Простое слайд-шоу JQuery создает длинные паузы

0 голосов
/ 13 марта 2011

Вот это простое слайд-шоу, которое я использую: 

function slideShow(){
var current = $('#animation .show');
var next = current.next().length ? current.next() : current.parent().children(':first');
current.removeClass('show');
next.addClass('show');
setTimeout(slideShow, 500);
} 



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

Это работает, но создает длинные паузы между изображениями ... Есть ли способ исправить это?Заранее спасибо!

РЕДАКТИРОВАТЬ это HTML-код, я думаю, паузы были неправильным словом, чего я хочу добиться, так это чтобы каждое изображение отображалось сразу после другого, прямо сейчаснебольшой пробел, что ничего не отображается. 

<div id="animation">
<img alt="graphic" class="show" src="files/animation_img/GRAPHIC.jpg" />
<img alt="design" src="files/animation_img/DESIGN.jpg" />
<img alt="etc" src="files/animation_img/ETC.jpg" />
</div>

и CSS: 

#animation  img
    {
    position:fixed;
    top:400px;
    left:700px;
    display:none;
    visibility:hidden;
    width:200px;
    height:100px;
    }

1 Ответ

0 голосов
/ 13 марта 2011

Попробуйте это 

function slideShow(){
    var current = $('#animation .show');
    var next = current.next().length ? current.next() : current.parent().children(':first');
    current.removeClass('show');
    next.addClass('show');
} 

$(document).ready(function() {
    setInterval(slideShow, 500)
});
...