[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: JQuery fadeIn/fadeOut
Stasonix
как сделать таймаут между этими событиями, нужно для вставки рисунка в таг <img>, у меня при клике должен рисунок в этом img исчезнуть, а потом появится другой (исп. эффекты fadeIn/fadeOut), но все происходит на столько быстро что уже во время эффекта у него меняется src, выглядит очень не красиво, как сделать паузу чтоб оно впритык было?

$('.fotcl').live('click',function(){
$('#sfo').fadeOut(2000);
$('#sfo').attr("src",$(this).attr("src")).fadeIn(2000);
return false;
});




Спустя 6 минут, 57 секунд (4.09.2011 - 14:47) Stasonix написал(а):
ЧТО Ж Я ДЕЛАЮ!!!??? НУ ПОЧЕМУ МЕНЯ ВСЕ ВРЕМЯ НЕСЕТ НА ВАШ ФОРУМ???
ЛЮДИ БУДЬТЕ ВНИМАТЕЛЬНЫ!!!

СНАЧАЛА СМОТРИТЕ В ДОКУМЕНТАЦИИ, А ПОТОМ УЖЕ ЕСЛИ НЕ НАШЛИ ОТВЕТА, ТО НА ФОРУМ!!!

решение:
fadeOut(2000,function(){alert('fadeIn')});


у этих fade'ов можно вешать функцию когда событие завершено!

Спустя 11 минут, 5 секунд (4.09.2011 - 14:58) Stasonix написал(а):
а вот с этим действительно проблема:


// вывести фото на передний план
$('.fotcl').live('click',function(){
$('#sfo').fadeOut(2000,function(){
$('#sfo').attr("src",$(this).attr("src")).fadeIn(2000);
});
return false;
});


оно this не тот выдает, явно он думает что this это #sfo, потому что картинка не изменяется, как этого избежать, по сути this должен и остаться как класс .fotcl?

Спустя 1 минута, 35 секунд (4.09.2011 - 15:00) sharki написал(а):
// вывести фото на передний план
$('.fotcl').live('click',function(){
var m = $(this);
$('#sfo').fadeOut(2000,function(){
$(this).attr("src",m.attr("src")).fadeIn(2000);
});
return false;
});

Спустя 1 минута, 55 секунд (4.09.2011 - 15:02) Stasonix написал(а):
опять!!! да сколько ж можно! че я пишу сюда, а потом уже осеняет? магия форума:

$('.fotcl').live('click',function(){
var mythis = $(this);

Спустя 1 час, 56 минут, 21 секунда (4.09.2011 - 16:58) Игорь_Vasinsky написал(а):
самокритичный ты наш! biggrin.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.