Форум Сайтостроение Веб-строительство

Плавная смена текста

RM
На сайте с 21.06.2011
Offline
77
RoMaN444Ik
2308

Нужно организовать плавную смену текста на сайте. Работает так: jquery задается интервал и он с этим интервалом(к примеру, каждые 30 секунд) вызывает функцию под название changetext, та в свою очередь качает текст со страницы site.ru/page.php и выводит его в блоке с id data, но тут одна проблема - не хватает плавности, нужно чтобы при смене текста он сначала плавно исчезал, а затем на его месте плавно появлялся новый. Как такое можно сделать? Заранее спасибо!

$('#head_menu').click(function() {
setInterval(changetext, 10000);
function changetext () {
$.get("http://site.ru/page.php", function( data ){
$('#data').html(data);
});
}
});
T
На сайте с 20.03.2007
Offline
67
Toy
#1

fadeIn, fadeOut в API jQuery

RM
На сайте с 21.06.2011
Offline
77
RoMaN444Ik
#2
Toy:
fadeIn, fadeOut в API jQuery

В том то и дело, что никак. Не удается скорректировать все четко, работает нестабильно... то рано закроется и откроется со старым текстом и т.д. Нужно что-то по стабильнее...

T
На сайте с 20.03.2007
Offline
67
Toy
#3

Покажите как вы делаете?

Нужно вызывать fadeIn в качестве callback к fadeOut, там же и менять текст.

Toy добавил 31.08.2011 в 18:56

function changetext () {
    $('#data').fadeOut('fast', function() {
        $.get("http://site.ru/page.php", function( data ){
            $('#data').html(data).fadeIn('fast');
        });
    });
}

Вот так попробуйте.

RM
На сайте с 21.06.2011
Offline
77
RoMaN444Ik
#4
Toy:
Покажите как вы делаете?

Нужно вызывать fadeIn в качестве callback к fadeOut, там же и менять текст.

Toy добавил 31.08.2011 в 18:56 
function changetext () {

    $('#data').fadeOut('fast', function() {

        $.get("http://site.ru/page.php", function( data ){

            $('#data').html(data).fadeIn('fast');

        });

    });

}


Вот так попробуйте.

Спасибо! То что нужно!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий