Добрый день! Была идея создать галлерею, при наведении на картинку превью появляется лупа над этой же картинкой, когда мышка уходит, она исчезает.
Сначала реализовал на css свойством hover и z-index, но если курсор попадает на эту лупу, то она начинает мерцать (то есть мы, как бы, покидаем пределы картинки, к которой этот hover привязан).
Потом jQuery, но и тут возникает "баг", если курсор попадает на лупу.
Сама лупа сделана абсолют, и появляется в уголке картинки при наведении.
$(function() {
$('div a').mouseenter(function() {
$('img.magnifier').fadeIn('100');
});
$('div a').mouseleave(function() {
$('img.magnifier').fadeOut('100');
});
});
Надеюсь все доходчиво объяснил
Может быть у кого есть идеи, как сделать появляющуюся картинку более стабильной?