Question

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

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

说明：

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

谢谢！

Answer 1

document.title = 'This is easy!';

UPD：

查看回调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

EG。 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;
        }
    });
})

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

2 个答案: