Наведите указатель мыши на изображение, чтобы отобразить кнопки и не вызывать его при наведении курсора на реальные кнопки.
Я пытаюсь заставить кнопки появляться при наведении на изображение. Следующие работы:
jQuery('.show-image').mouseenter(function() {
jQuery('.the-buttons').animate({
opacity: 1
}, 1500);
}).mouseout(function() {
jQuery('.the-buttons').animate({
opacity: 0
}, 1500);
});
Однако при переходе от изображения к кнопке (которая находится над изображением) срабатывает указатель мыши / указатель мыши, поэтому кнопки постепенно исчезают, а затем возвращаются обратно (кнопки имеют тот же класс, что и изображение, в противном случае они просто остаются блеклыми. из). Как я могу предотвратить это? Я также попробовал приведенный выше код с помощью наведения jQuery; те же результаты. Вот деталь изображения, показывающего кнопку с непрозрачностью 1 (потому что я поверх изображения):
http://i.stack.imgur.com/egeVq.png
Спасибо заранее за любые предложения.