2010-12-12 33 views
0

私が作っているこのスライダーの上にマウスを置くと、これらの矢印が表示されます。しかし、そうするとき、彼らは狂ったようにちらちら見える。私はすべてを試して、それを並べ替えることはできません。 http://pastebin.com/hfK7NKtRjQueryのホバーのちらつき

とHTML::http://pastebin.com/kQbJ3mDD

例:それが点滅している理由http://www.matthewruddy.com/slider/slider.html

+0

[JS Fiddle](http://jsfiddle.net/)や[JS Bin](http://jsbin.com/)などの共同サイトでライブデモを投稿すると、助けるために。 =) –

+0

JSのフィドルを試してみましたが、何らかの理由でそれを動作させることができませんでした。この機能は機能しませんでした。 –

+0

また、低解像度画像/画像プレースホルダの例を掲載できますか? – Eric

答えて

2

それは理にかなっている。ここ

はコードです。あなたはコンテナに拘束していますが、次のコンテナはコンテナの外にあります。

あなたが試すことができ...前の上にマウスがあるあなたはコンテナにmouseleaveを送信すると、あなたは、マウスを動かすと前が今隠されているので、それは、MouseEnterイベントを送信しますが、その後前には再び表示され、あなたが移動すると、それは、mouseLeaveなど送信しますprev/nextをコンテナの内側に置き、コンテナを相対的な位置に設定し、次にコンテナに対して絶対的に配置します。

マウスの動きを監視する代わりに、マウスがコンテナ内にある場合は、prev/nextを表示し、そうでない場合は非表示にします。

jQueryの公開のいくつかを使用すると、ターゲットが次の/ prevの場合にmouseleaveイベントをキャンセルすることができますが、過去にはあまり運がありません。

+0

ありがとうございます。完璧に動作します!自分自身でそれに警官をしなかった。再度、感謝します。 :) –

関連する問題