Question

早上好，

当用户登陆我们的主页面时，我有一个页面当前打开一个事件图像，这段代码已经到位，我只是想添加一个链接到我们正在托管的事件。（修改代码）我一直在尝试使用.wrap和“content”以及我在这里找到的一些其他东西，但是我无法正确修改代码。（当我尝试时，页面只会退出，所以我知道有错误）我不熟悉java / fancybox所以任何修改当前代码的帮助都将非常感谢！

以下是我目前的情况：

<script type="text/javascript">

jQuery(document).ready(function(){


        jQuery.fancybox({
            'autoScale'         : false,
            'width'             : 783,
            'height'            : 700,
            'autoScale'         : false,
            'transitionIn'          : 'elastic',
            'transitionOut'         : 'none',
            'type'              : 'iframe',
            'titlePosition'         : 'inside',
            'overlayColor'          : '#fff',
            'href'              : '/img/treeofdreams.jpg'
        });

});

</script>

PS我试图甚至只更改iframe的高度，在图片下方添加：

For more details visit our FaceBook page: <a href="url">Click Here</a>

然而，似乎iframe不想在下面分享更多的房地产！

谢谢，

Answer 1

如果您只想添加指向fancybox中显示的图片的链接，那么.wrap()方法即可，但您可能需要准确了解选择器需要在onComplete（v1.3.4）回调

中定位并包装它

所以试试这段代码：

jQuery(document).ready(function ($) {
    jQuery.fancybox({
        autoScale: false,
        width: 783, // or whatever needed
        height: 700, 
        transitionIn: 'elastic',
        transitionOut: 'none',
        // type: 'iframe', // you don't need this for images
        titlePosition: 'inside',
        overlayColor: '#fff',
        href: '/img/treeofdreams.jpg', // the URL of the image
        title: "the title", // you may need this
        onComplete: function () {
            jQuery("#fancybox-img").wrap(jQuery("<a />", {
                href: "http://facebook.com/", // the URL to open after clicking the image
                target: "_blank", // opens in a new window/tab
                title: "go to facebook" // optional, shows on mouse hover
            }))
        }
    });
}); // ready

注意 #fancybox-img是fancybox图片的选择器 ID。

参见 JSFIDDLE

注意：这适用于fancybox v1.3.4

JQuery＆amp; Fancybox点击图片打开新页面/链接（更新现有代码）

1 个答案: