質問

私は、このようにHTMLの構造を持っています：

<ul id="carousel" class="jcarousel-skin-photos">
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>

            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>              
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
            <li><a href="images/content/featuredPhoto.jpg"><img src="images/content/featuredPhoto.jpg" alt="Lorem Ipsum Dolor Sit Amet..." /></a></li>
        </ul>


        <a href="javascript:;" id="zoom">Yakınlaştır</a>

そして、フェードイン/アウト効果のために少しのjQueryコードスニペットます：

    $('ul#carousel li a').hover(
  function() {
    $('a#zoom').fadeIn('fast');
  }, 
  function() {
    $('a#zoom').fadeOut('slow');
});

最後に、私はa#zoom要素の上にホバリング時にul#carousel li a要素を示したいと思います。しかし、奇数判定は効果から/フェードインであります。

これが私の仕事のページです。あなたがオンラインでそれを見ることができます。

だから私はこの奇数判定を修正することができますどのように？

役に立ちましたか？

解決

フェードアウトは、マウスポインタを完了すると、カルーセルの上に突然ですフェードアウトキックでなる。ズームの上にマウスポインタを移動するが、それがもはやカルーセル上で考えられているアイコン際にフェードインが再び開始していないのでので、

は、問題が発生しています。

私は奇妙な振る舞いは、ズームアイコンのうち点滅であると仮定します。

あなたはフェードアウトをキャンセルする必要があり、これを修正するに際に自身のアイコンズームにホバーイベントハンドラを追加することにより、ズームアイコンの上にマウスを移動します。

他のヒント

私はこのコードでこの奇数判定を固定します：

$('a#zoom').mouseover(function() {
    $(this).stop();
});

おかげヴィンセントます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top