Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нормальная замена картинок (https://javascript.ru/forum/dom-window/38349-normalnaya-zamena-kartinok.html)

Neumann 29.05.2013 00:19

Нормальная замена картинок
 
Добрый день.

Посмотрите здесь
http://spectr.antonovmedia.ru/

Нажмите "Барное стекло".

Проведите мышью по ссылкам в центре.
Видите, когда более-менее быстро проводишь по ссылкам, то анимация дурацкая.

Вот код, который делает эту анимацию.

$(function(){
		var curimgs = $('.items .item').eq(0).find('.visual div');
		$('.items .item').eq(0).find('#tab1-1 .list-col div a').mouseenter(function(){
			curimgs.hide('slow');
			curimgs.eq( $(this).parent().index() ).show('slow');
		});
	});


Как сделать, чтобы нормально было, подскажите пожалуйста. :help:

Neumann 29.05.2013 01:06

В данный момент код такой
$(function(){
		var curimgs = $('.items .item').eq(0).find('.visual div');
		$('.items .item').eq(0).find('#tab1-1 .list-col div a').mouseenter(function(indx){
			curimgs.fadeOut('slow');
			curimgs.eq( $(this).parent().index('#tab1-1 .list-col div') ).fadeIn('slow');
		});
	});


Но все равно не очень

рони 29.05.2013 02:02

Neumann,
перед анимациями останавливайте очередь анимаций
curimgs.stop().fadeOut('slow');

Denis_od 29.05.2013 13:30

или даже .stop(true,true)
а вообще посмотрите какие есть способы вот тут(прокрутите до "Так же есть функции stop") и используйте тот что больше всего подойдет.


Часовой пояс GMT +3, время: 20:10.