Question

我正在尝试将FancyBox的标题设置为iFrame页面<title>（或特定于该特定iframe的任何内容 - 页面上有四个不同的页面）。

无论我做什么，我都会得到父页面标题或者什么都没有 - 通常也没有fancybox。

有谁知道怎么做？

编辑 - 一些片段：

$(document).ready(function() {

    $("a.iframe").fancybox({
        'width':1000,
        'height':760,
        'titlePosition': 'inside',
        'titleShow':true
    });
});

和...

<a class="iframe linkText" href="productinfo.cfm" title="test title">What do these products do?</a>

Answer 1

您是否尝试过在链接上设置title属性？

<a href="..." class="iframe" title="This is the title">Open iFrame</a>

Answer 2

我想知道使用类iframe作为选择器是否会导致某种冲突。 Fancybox使用这个类来表示fancybox的内容，所以这可能就是问题所在。

尝试将jQuery代码更改为：

$("a.linkText").fancybox({
    'width':1000,
    'height':760,
    'titlePosition': 'inside',
    'titleShow':true
});

Answer 3

只是

$("a.linkText").fancybox({
    'width':1000,
    'height':760,
    'titlePosition': 'inside',
    'titleShow':true
});

然后

<a href="..." class="iframe" title="This is the title">Open iFrame</a>

Answer 4

有同样的问题，并通过添加'title': this.title来解决它，最终显示视频下方的标题/标题。使用iframe嵌入YouTube视频的示例代码：

$('.popupvideo').click(function() {
    $.fancybox({
        'type' : 'iframe',
        'title': this.title,
        'href' : this.href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?showinfo=0&amp;wmode=opaque&amp;modestbranding=1&amp;iv_load_policy=3&amp;rel=0&amp;autoplay=0&amp;vq=large',
        'overlayShow' : true,
        'centerOnScroll' : true,
        'speedIn' : 100,
        'speedOut' : 50,
        'width' : 640,
        'height' : 480,
        'scrolling' : 'no'
    });
    return false;
});

Fancybox - 如何为iFrame设置标题

4 个答案: