1

我正在使用 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>
4

1 回答 1

0

评论中回答了这个问题，如下所示：

尝试添加 API 选项title: this.title来强制它。– 肯尼迪

于 2013-10-17T21:18:32.657 回答