Многократный запуск скрипта при наведении мыши
http://kahn.uplab.ru/catalog/object/...trs-l-diamond/
Галерея фоток. Если навести на номер, внизу вылетает превью фотки. Если поводить по номерам, а потом убрать мыш, то фотки еще продолжают вылетать, т.к. JavaScript выполняется из буфера. Как можно убрать этот эфект. Сама функция вывода картинок выглядит так: jQuery('#konverts2 a').hover( function(){ jQuery(this).next().css('margin-left',parseInt(jQuery(this).attr('rel')*45)+'px'); jQuery(this).next().css('margin-top','15px'); jQuery(this).next().show('normal'); }, function(){ jQuery(this).next().hide('normal'); } ); |
как вариант : останавливать анимацию превьюшки остальных и скрывать их, а для текущей, соот-но, показывать
|
При событии "навел на номер" надо сбрасывать все события анимации, которые отвечают за проявление.
|
Вот к примеру http://www.jstoolbox.com/2008/06/05/...ript-vsego-2k/ - нет тут никаких таких глюклв
|
А как можно сбросить анимацию или останавливать, в моем случае?
|
Придумал классный вариант, чтобы функция показа срабатывала если мы навили на объект и 1 секунду держали наведенной мышь на нем. Но не знаю как это реализовать, помогите?
|
100ms
jQuery('#konverts2 a').hover( *!*function(){setTimeout(function(){*/!* jQuery(this).next().css('margin-left',parseInt(jQuery(this).attr('rel')*45)+'px'); jQuery(this).next().css('margin-top','15px'); jQuery(this).next().show('normal'); *!*}, 100)}*/!*, function(){ jQuery(this).next().hide('normal'); } ); |
Мне кажется, что с таймаутом ничего не получится... Надо юзать stop() http://api.jquery.com/stop
|
Часовой пояс GMT +3, время: 00:40. |