0

最初の投稿なので、事前にお詫び申し上げます。

私はこの 方法を使用しています画像ホバー でのみファンシーボックスのタイトルを表示し、前/次をクリックしてカーソルがすでにホバリングしている場合を除いて、タイトルは表示されません-ホバーアウトしてもう一度戻る必要があります。

画像が読み込まれたときにすでにホバーしている場合に、タイトルを表示する方法はありますか？

ここの例 http://www.richardbarry.co.uk/fancyhover.php

このようにfancybox1で動作しました-http ：//www.richardbarry.co.uk/gallery.php

どんな助けでも大歓迎

4

1 に答える 1

0

回避策として、この投稿のように、マウスがすでにfancyboxのコンテンツにカーソルを合わせているかどうかを検出する関数を追加してみてください。その場合は、fancyboxのタイトルを表示してください。

$(".fancybox").fancybox({
  helpers: {
    title: {
      type: 'over'
    }
  },
  afterShow: function () {
    $(".fancybox-title").hide();
    // shows/hides title on hover
    $(".fancybox-wrap").hover(function () {
      $(".fancybox-title").stop(true, true).slideDown(200);
    }, function () {
      $(".fancybox-title").stop(true, true).slideUp(200);
    });
    // detects if mouse is already hovering
    $(".fancybox-outer a, .fancybox-outer img").hover(function () {
      $(this).data('timeout', setTimeout(function () {
        $(".fancybox-title").stop(true, true).slideDown(200);
      }, 100));
    }, function () {
      clearTimeout($(this).data('timeout'));
    });
  }
});

JSFIDDLEを参照してください...IE7+およびFFでは正常に動作するようです

于 2013-01-06T21:08:59.617 に答える