Javascript JQuery&；Fancybox单击图像打开新页面/链接（更新现有代码）

早上好

我得到了一个页面，当用户登陆我们的主页时，它会打开一个事件图像，这个代码已经存在，我只是想添加一个链接到我们正在主办的事件。（修改代码）我一直在尝试使用.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>

jQuery（文档）.ready（函数（）{
jQuery.fancybox({
“自动缩放”：false，
“宽度”：783，
‘高度’：700，
“自动缩放”：false，
“transitionIn”：“弹性”，
“transitionOut”：“无”，
'type'：'iframe'，
“标题位置”：“内部”，
“套色”：“fff”，
'href'：'/img/treeofdreams.jpg'
});
});

PS我甚至尝试更改iframe上的高度，以便在图像下方添加以下内容：

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

有关更多详细信息，请访问我们的FaceBook页面：

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

---

谢谢，

如果您只想添加一个指向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

jQuery（文档）.ready（函数（$）{
jQuery.fancybox({
自动缩放：错误，
宽度：783，//或任何需要的
身高：700，
过渡语：“弹性”，
转换输出：“无”，
//键入：“iframe”，//图像不需要使用此选项
标题位置：'内部'，
套色：“#fff”，
href:'/img/treeofdreams.jpg'，//图像的URL
标题：“标题”//您可能需要这个
onComplete:函数（）{
jQuery（“#fancybox img”）.wrap（jQuery（“

注意：这是针对fancybox v1.3.4的
您能确认fancybox的版本吗？很抱歉，这是：1.3.4另一个问题，您最初是打开一个iframe（外部页面）还是一个图像？…然后您想从那里单击某个内容（如果有图像或标题）然后打开另一个页面？…如果是这样，新页面将在fancybox或另一个窗口/选项卡中打开？我将通过php include调用上面的当前脚本。一旦用户键入我们的url，它将从主页加载脚本并弹出图像（事件传单），我希望他们能够从那里单击（图像）为了将它们重定向到另一个页面。（新页面/选项卡）这实际上使传单打开得比原来的页面好得多，链接部分不起作用，我尝试到处点击，但没有点击。我看到它还在显示的图像下方添加了一个黑色标题框，这非常好。-请原谅我（不知道）但是。包装起作用。你能解释一下吗“是吗？JSFIDLE演示对您有用吗？您是否忘了放置一个
逗号来分隔每个API选项（在
onComplete
选项之前的选项后面加一个逗号）？关于
（这与编写
相同）是我们正在创建和包装fancybox图像的元素。请确保您没有sybtax错误。我相信一切看起来都是正确的，我正在尝试发布我所拥有的内容，与上述内容基本相同。刚刚编辑了我们活动的facebook URL。逗号看起来不错。我没有看到显示任何错误-JSFIDLE确实有效，嗯，是吗正在处理一个文件？下面是在头上被调用的：jquery.js？ver=1.11.0 jquery migrate.min.js？ver=1.2.1 jquery.fancybox-1.3.4.js？ver=3.9.1 jquery.mousewheel-3.0.4.pack.js？ver=3.9.1“我使用我的js版本在JSiddle中运行了代码，但它不允许我切换出该文件，看看是否可以修复它！好的，所以我复制/粘贴了代码到了h将我的文件中的ad添加到JSFIDLE中，并在那里运行良好……我假设上面的文件中出现了问题。我将jquery更新为1.8.3，没有任何更改。页面只是在头部调用这四个脚本。