javascript - 使用 Fancybox 的当前图像作为文档标题

Question

我目前正在建立一个网站，帖子上有一个图片库。我的问题是：

如何获取当前图像的标题属性，并将其设为文档标题。

解释：

当图像一，标题为“美丽，不是吗？” 在图库中打开，文档标题为“Beautiful, 不是吗？”。然后，当图像二时，标题为“伙计！那场车祸太可怕了！” 在图库中，文档标题是“伙计！那场车祸太可怕了！”。这是一个画廊，因此可以在 FancyBox 中推进图像，并且在更改为新图像时，文档标题会更改为新图像。当 FancyBox 关闭时，文档标题返回到之前（如果需要，可以在文档开头的变量中定义）。

Answer 1

document.title = 'This is easy!';

升级版：

看看回调http://fancyapps.com/fancybox/#docs

$(document).ready(function() {
    var origTitle = document.title

    $("#single_1").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          },
          afterShow: function() {
            document.title = $(this).attr('title');
          },
          afterClose: function () {
             document.title = origTitle;
          }
      });
});

http://jsbin.com/olufus/1上的完整代码

Answer 2

例如。http://jsfiddle.net/ZJcD9/show/

代码http://jsfiddle.net/ZJcD9

$(document).ready(function() {

  title = document.title;

  $(".fancybox").attr('rel', 'gallery').fancybox({
        beforeLoad: function() {
            document.title = this.title;
        },
        beforeClose: function() {
            document.title = title;
        }
    });
})