Fancybox - 如何为 iFrame 设置标题

发布于 2024-10-16 01:17:14 字数 563 浏览 4 评论 0原文

我试图将 FancyBox 的标题设置为 iFrame 页面 </code> （或任何特定于该特定 iframe 的内容 - 页面上有四个不同的 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>

原文

I'm trying to set the title for the FancyBox to be the iFrame page <title> (or anything specific to that particular iframe - there are four different ones on the page).

Whatever I do I either get the parent page title or nothing - often no fancybox either.

Does anyone know how to do this?

Edit - some snippets:

$(document).ready(function() {

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

and...

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

静待花开 2024-10-23 01:17:14

就

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

然后

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

Just

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

And then

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

回复收藏 0 原文

明月夜 2024-10-23 01:17:14

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

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

Have you tried setting the title attribute on the link?

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

回复收藏 0 原文

回首观望 2024-10-23 01:17:14

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

尝试将 jQuery 代码更改为：

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

I wonder if using the class iframe as your selector is causing some sort of conflict. Fancybox uses this class to denote the content of the fancybox so maybe this is the issue.

Try changing your jQuery code to:

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

回复收藏 0 原文

半山落雨半山空 2024-10-23 01:17:14

遇到了同样的问题，并通过添加 '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&wmode=opaque&modestbranding=1&iv_load_policy=3&rel=0&autoplay=0&vq=large',
        'overlayShow' : true,
        'centerOnScroll' : true,
        'speedIn' : 100,
        'speedOut' : 50,
        'width' : 640,
        'height' : 480,
        'scrolling' : 'no'
    });
    return false;
});

Had the same issue, and solved it by adding 'title': this.title which showed the title /caption below the video finally. Example code for embedding a youtube video with iframe:

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

回复收藏 0 原文

~没有更多了~