Показать сообщение отдельно
  #1 (permalink)  
Старый 28.09.2015, 12:41
Новичок на форуме
Отправить личное сообщение для Dash Посмотреть профиль Найти все сообщения от Dash
 
Регистрация: 28.09.2015
Сообщений: 5

Появление лупы при наведении на картинку
Добрый день! Была идея создать галлерею, при наведении на картинку превью появляется лупа над этой же картинкой, когда мышка уходит, она исчезает.
Сначала реализовал на css свойством hover и z-index, но если курсор попадает на эту лупу, то она начинает мерцать (то есть мы, как бы, покидаем пределы картинки, к которой этот hover привязан).
Потом jQuery, но и тут возникает "баг", если курсор попадает на лупу.
Сама лупа сделана абсолют, и появляется в уголке картинки при наведении.

$(function() {
		$('div a').mouseenter(function() {
			$('img.magnifier').fadeIn('100');
		});
		$('div a').mouseleave(function() {
			$('img.magnifier').fadeOut('100');
		});
	});


Надеюсь все доходчиво объяснил
Может быть у кого есть идеи, как сделать появляющуюся картинку более стабильной?
Ответить с цитированием