Scriptaculous Fade Появление при наведении мыши

Question

Я пытаюсь сделать ролловер изображений по ссылке. Я доверяю прототипам и сценариям.

Проверьте эту скрипку: Тест на опрокидывание Все работает хорошо, за исключением странного поведения, когда вы прокручиваете мышь по ссылке очень быстро или много раз.

В этом случае изображения и ссылки исчезают .. Это вызвано статусом «display: none», вызванным сценариями, заблокированными, я имею в виду ..

Большое спасибо

Answer 1

Вы можете использовать функцию afterFinish следующим образом

Event.observe($('back1'), 'mouseover', function() {        
    new Effect.Fade('back1', { duration: 0.3,afterFinish:function () {   
      new Effect.Appear('back2', { duration: 0.3 });
      }
    });    

    });     
Event.observe($('back2'), 'mouseout', function() {        
    new Effect.Fade('back2', { duration: 0.3 ,afterFinish:function () { 
      new Effect.Appear('back1', { duration: 0.3 });
      }
    });    

    });