Question

我使用fancyBox版本：2.1.5，代码如下。

无论我从哪个图像开始，图库都能完美无缺地进行初始化。

然而，无论我从哪个图像开始，该图像（以及仅该图像）都不会显示标题。所有其他图像都正确地显示了它们的标题，但当我再次围绕图像时，标题会从我开始的任何图像中消失。

有没有人知道如何让我的标题适用于我开始演出的图像？

我的代码：

<!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>

Answer 1

评论中回答的问题如下：

尝试添加API选项title: this.title以强制它。 - JFK

标题未显示在fancybox图库的第一个加载图像上

1 个答案: