Axeligenering Сообщение 22/06/2011 07:17 Копия темы
Когда скрипту выполнять действие и как сделать некоторые действия повторяющимися Приветствую господа фрилансеры!

Вопрос собственно в теме))

Хочу сделать что то типо того:

Сначало появляется первая строка, потом пропадает. 
Потом появляется вторая, и тоже пропадает.
За тем картинка меняет свое положение, уходит вниз и влево, а потом возвращается обратно.
И продолжала бы двигаться постоянно туда сюда. 

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


Попробывал сделать просто, что бы после того как выполнится анимация с картинкой, то пусть выведет "Ок". Но чо то я помоему не так сделал))) Не работает. Подскажите как быть и что сделать.
Заранее всем спасибо!!


$(document).ready(function() {


var fer = $('#wrapper div');

$('p.one').css({'display' : 'none'});
$('p.two').css({'display' : 'none'});
$('.telefon').css({'display' : 'none'});
$('img').click(function() { 
$('h1').css({'opacity' : 0}); 
$('p.one').fadeIn(1000, function(){
$('p.one').fadeOut(1000,function(){
$('p.two').fadeIn(1000, function(){
$('p.two').fadeOut(1000, function(){
fer.animate({opacity: "0.1", left: "-=100", top: "+=20"}, 1200)
}); 
if(fer == true){
alert("Ok");
}
}); 
});
});
}); 

}); //Конец

RiDDi Сообщение 22/06/2011 08:03 Копия темы
1) зарепитить, но будет утечка памяти
2) пошаговая анимация с большим временем, в каждом шаге проверять куда движемся и исходя из этого задавать + или – 1px
3) таймаут в одну/25 секунды проверять куда и пошагово двигать картинку

Axeligenering Сообщение 22/06/2011 08:06 Копия темы
Т.е. я так понимаю, должно быть условие, если картинка передвинулась туда то туда то, то сделать следующее движение?

А как это условие написать? Или зарепитить, это как будет выглядеть?

RiDDi Сообщение 22/06/2011 08:31 Копия темы
Нет, двигать картинку необходимо пошагово с фиксированным по времени шагом. А внутри шага уже проверять куда двигается картинка и, соответственно, двигать её дальше в нужную сторону.

Ну например
var from = false;
$.animate(, {
  step: function(now, fx) {
    if(from) двигаем вперед на некоторое расстояние используя для ориентира now;
   else двигаем назад;
   if(дошли до нужной точки) from = !from;
  }
});