标题中的 Fancybox 链接

发布于 2024-10-08 09:54:50 字数 874 浏览 1 评论 0原文

我正在尝试在 fancybox 单个图像标题内创建一个链接。我希望它将我重定向到另一个内联的 fancybox 窗口。

我有一个脚本可以使整个单个图像成为一个链接,但这目标是我的文档标题而不是锚标题...... 我真的希望有人能找到解决方案或更好的想法!谢谢!

顺便说一句:我几乎从未深入研究过脚本......

$(document).ready(function() {
    $("a.fancybox").attr('rel', 'gallery').fancybox();

    $("a.fancylink").fancybox({
        'title': this.title,
        'titlePosition': 'over',
        'titleFormat': function() {
            return '<span id="fancybox-title-over" style="background: url();"></span>';
        },
        'onComplete': function() {
            goTo = this.title;
            $("#fancybox-title").css({
                'top':'0',
                'bottom':'0'
            }).bind('click', function() {
                $.fancybox.close();
                return document.location.href=goTo;
            });
        }
    });
});

I'm trying to make a link inside the fancybox single image title. I want it to redirect me to another fancybox window, which is inline.

I have a script that makes the whole single image a link, but this targets my document title instead of the anchor title...
I really hope someone will have a solution or a better idea on how to do it! Thanks!

btw: I have almost never worked indepthly with scripts...

$(document).ready(function() {
    $("a.fancybox").attr('rel', 'gallery').fancybox();

    $("a.fancylink").fancybox({
        'title': this.title,
        'titlePosition': 'over',
        'titleFormat': function() {
            return '<span id="fancybox-title-over" style="background: url();"></span>';
        },
        'onComplete': function() {
            goTo = this.title;
            $("#fancybox-title").css({
                'top':'0',
                'bottom':'0'
            }).bind('click', function() {
                $.fancybox.close();
                return document.location.href=goTo;
            });
        }
    });
});

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

愁以何悠 2024-10-15 09:54:50
<a class="gallery" href="delete/big.png" title="text about the project :: <a href='http://www.someclient.com'>Launch website</a>"><img src="delete/thumb.png" width="115" height="115" alt="" /></a>

$('a.gallery').fancybox({
'titlePosition' : 'inside'
});
<a class="gallery" href="delete/big.png" title="text about the project :: <a href='http://www.someclient.com'>Launch website</a>"><img src="delete/thumb.png" width="115" height="115" alt="" /></a>

$('a.gallery').fancybox({
'titlePosition' : 'inside'
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文