jQuery slideDown оверлея div на слайде изображения сразу

Question

Я пытаюсь создать наложение на изображение, которое скользит при наведении на изображение. По той же причине, что и этот вопрос - JQuery Text slideDown / slideUp Overlay на изображении продолжает подпрыгивать? .

Я поместил свой код в jsFiddle, чтобы он был доступен - http://jsfiddle.net/jamescallaghan/hg9r7/

Любая помощь будет высоко ценится.

Answer 1

Я думаю, что проблема, с которой вы столкнулись, заключалась в том, что наведение основывалось на элементе изображения, а не на .slide, поэтому, когда текстовая панель скользила вверх, она закрывала изображение, а когда вы перемещали мышь, она действовала как указатель мыши.

Пожалуйста, посмотрите на это, я просто немного обновил ваш код.должен работать с несколькими слайдами :) Надеюсь, это поможет!

http://jsfiddle.net/NuWna/2/

Всего наилучшего, Энтони

Answer 2

Вы, вероятно, должны использовать mouseenter og mouseleave для каждой функции.

единственная проблема в том, что если мышь находится над новым div, который вы скользите вверх, он будет скользить вниз. так что вам нужно это исправить.

это частичное исправление:

http://jsfiddle.net/hg9r7/3/

edit: на самом деле это то, что вы уже написали в коде, так что никаких реальных улучшений. проблема с вашим кодом заключается в том, что курсор мыши иногда перемещается над окном, которое вы тянете вверх, и это означает, что вы уходите .slide img