Запрет непрерывного запуска onMouseOver несколько раз, если очередь событий не пуста - PullRequest
Новая
       20

Запрет непрерывного запуска onMouseOver несколько раз, если очередь событий не пуста

2 голосов
/ 28 декабря 2011

У меня есть вопрос, касающийся onmouseover для тега "a".В настоящее время у меня есть список миниатюр "img", к которым прикреплен onMouseOver к тегу "a", который оборачивает "img".Когда мышь находится над изображением, «предварительный просмотр» изображения будет загружен в другой div с помощью функции javascript, эта функция javascript имеет эффект jquery fadeto, поэтому предварительный просмотр исчезнет.

Проблема теперьЕсли пользователь быстро наводит курсор на несколько миниатюр, событие onMouseOver регистрируется несколько раз, поэтому, когда пользователь, наконец, перестает быстро наводить курсор на несколько миниатюр, последний эскиз получает событие несколько раз и исчезает не только один раз.Ниже приведен мой код: 

    function previewimage(loadimg){
      jloadimg='<img src="../images/'+loadimg+'.png" />';

      //stimulate a fade in effect by making the image has 0.7 opacity first
      $(#largeimage).fadeTo('fast', 0.7, function() {
      });
      $(#largeimage).fadeTo('slow', 1, function() {
      });

      document.getElementById('largeimage').innerHTML=jloadimg;
    }

для списка миниатюрных изображений. У меня есть: 

<a onMouseOver="previewimage('imagefile1');"><img src="path/to/thumbnail/image1.png" /></a>
<a onMouseOver="previewimage('imagefile2');"><img src="path/to/thumbnail/image2.png" /></a>
<a onMouseOver="previewimage('imagefile3');"><img src="path/to/thumbnail/image3.png" /></a>

Как отменить непрерывное выполнение нескольких событий, если предыдущее все еще находится в очереди?Спасибо.

...