标题不显示在fancybox画廊的第一个加载图片

我使用fancyBox版本：2.1.5与下面的代码。标题不显示在fancybox画廊的第一个加载图片

该画廊完美无缺地初始化，无论从哪个图像我开始。

但是无论我从哪个图片开始画廊，该图片（和只有那个图片）都不会显示标题。所有其他图像都正确显示了他们的标题，但当我再次围绕图像旋转时，标题从我开始的任何图像中消失。

有谁知道我如何才能获得标题，为图像展开工作？

我的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<link rel="stylesheet" href="scripts/jquery-ui/css/actonians-jqui/jquery-ui-1.10.1.custom.css" type="text/css"> 
<script src="scripts/jquery/jquery-1.9.0.js" type="text/javascript"></script> 
<script src="scripts/jquery-ui/js/jquery-ui-1.10.0.custom.js" type="text/javascript"></script> 
<link rel="stylesheet" href="scripts/fancyBox/source/jquery.fancybox.css" type="text/css" media="screen"> 
<script src="scripts/fancyBox/source/jquery.fancybox.pack.js" type="text/javascript"></script> 

<script type="text/javascript"> 
$(function() { 
    $(".fancybox").fancybox({ 
     wrapCSS : "fancybox-custom", 
     closeClick : true, 
     closeEffect: "fade", 
     openEffect : "fade", 

     helpers : { 
      title : { 
       type : "inside" 
      }, 
      overlay : { 
       css : { 
        "background" : "rgba(160,160,160,0.65)" 
       } 
      } 
     } 
    }); 
}); 
</script> 
</head> 
<body> 
    <h1>Gallery</h1> 
    <p>Click an image below to view full size as a slideshow</p> 
    <div class="img_gallery"> 
     <ul> 
      <li> 
       <a class="fancybox" data-fancybox-group="gallery1" href="photos/001.jpg" title="Title 1"> 
       <img src="photos/thumbs/001.jpg" alt="Title 1"> 
       </a> 
      </li> 
      <li> 
       <a class="fancybox" data-fancybox-group="gallery1" href="photos/002.jpg" title="Title 2"> 
       <img src="photos/thumbs/002.jpg" alt="Title 2"> 
       </a> 
      </li> 
      <li> 
       <a class="fancybox" data-fancybox-group="gallery1" href="photos/003.jpg" title="Title 3"> 
       <img src="photos/thumbs/003.jpg" alt="Title 3"> 
       </a> 
      </li> 
     </ul> 
    </div> 
</body> 
</html>

来源

2013-10-17 yknivag

你可以创建一个js小提琴 – iJade

我想，因为你正在添加一个自定义包装'fancybox-custom'你的标题没有拿起。尝试添加API选项'title：this.title'来强制它。 – JFK

我还没有定制“fancybox-custom”css，但它是“title：inside”选项所必需的（文档iirc）。标题适用于除第一张以外的所有图像。 – yknivag

问题的意见得到的回答如下：

尝试添加API选项title: this.title给力了。 - JFK

来源

2013-10-17 21:18:32 yknivag

标题不显示在fancybox画廊的第一个加载图片

回答

相关问题