在画廊变化的fancybox 2标题悬停(Fancybox 2 title hover on gal

第一篇文章，所以事先道歉。

我使用这个如何只图像悬停显示的fancybox标题和它的作品一种享受，当您单击上一页/下一页，除了与光标已经徘徊，标题不会出现-你必须走出徘徊并重新。

任何想法如何使标题出现，如果你已经加载图像时徘徊？

例如这里http://www.richardbarry.co.uk/fancyhover.php

它的工作的fancybox 1，像这个- http://www.richardbarry.co.uk/gallery.php

任何帮助非常赞赏

Answer 1:

作为一种变通方法，您可以尝试添加功能，以检测是否鼠标已经徘徊的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做工精细

文章来源: Fancybox 2 title hover on gallery change