画像の上を移動するときにスライドする画像にオーバーレイを作成しようとしています。この質問と同じ理由 - JQuery Text slideDown/slideUp Overlay on Image Keeps Bouncing?。jQuery slide画像スライドアップ時のdivオーバーレイの表示直後
それはづけしているので、私はjsFiddleで私のコードを配置している - http://jsfiddle.net/jamescallaghan/hg9r7/
すべてのヘルプははるかに高く評価されるだろう。
私は、ホバーがイメージ要素.slideではなく、そのテキストパネルが上にスライドすると画像が覆われ、マウスを動かすとマウスはホバー/アンハーバーとして機能します。
これを見てください。コードを少し更新しました。複数のスライドで動作するはずです:)これが役立つことを願っています！
すべてのベスト、 アンソニー
ありがとうございます。私はトップdivがシャドウコンテナとして使用されていたので、私はこれからホバリングを呼び出すことができるように、すべての周りに別のdivを追加しました。 –
すごい！喜んで:) –
おそらく、各機能にmouseenterまたはmouseleaveを使用する必要があります。
唯一の問題は、新しいdivの上にマウスを置くと、スライドすることです。あなたはそれを修正する必要があります。
編集：
これは、部分的な修正です実際には、あなたのコードはすでにので、本当の改善もしなかったものです。あなたのコードの問題は、あなたのマウスカーソルがあなたが引っ張っているボックスを越えることがあるということです。それはあなたが去っていることを意味します。スレーブ
あなたの助けてくれてありがとうが、確かに別の方法を使用する前と同じことをやっている。問題は、新しい要素の上のマウスです。 –
ええ、それは私が見つけたものです... 私はhoverIntent：http://cherne.net/brian/resources/jquery.hoverIntent.html 同様の問題を解決するために探しました またはおそらく画像とdivの両方の上にあり、ホバーを呼び出すためにそれを使用します – Holger
私はjsfiddleに行くとき、あなたが正確にどのような問題が発生している動作するようですか？ –
新しい要素が挿入され、マウスがその要素の上にくると、オーバーレイがスライドアウトします。マウスが画像を離れるときにオーバーレイが滑り落ちるようにしたい。 –