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/

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