Fancybox iframe,显示iframe,然后转到url?

时间:2012-02-16 10:19:42

标签: jquery fancybox

我想使用fancybox在iframe中显示Vimeo视频。

这是我的代码:

$(document).ready(function() {
    $(".fancyvarious").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

链接:

<a class="fancyvarious fancybox.iframe" href="http://vimeo.com/videoID"><img src="linkurl.jpg" alt="" width="950" height="400" /></a>

当我点击图片时,它会显示iframe,但会转到网址...我只想显示iframe。

任何人都可以帮助我?

谢谢!

2 个答案:

答案 0 :(得分:0)

试试这个:

$(".fancyvarious").click(function(e) {
    e.preventDefault();
});
// fancybox initialisation here...

答案 1 :(得分:0)

http://fancyapps.com/fancybox/demo/

<a href="iframe.html" class="fancybox fancybox.iframe">Iframe</a>

<!--iframe.html-->
<iframe src="http://player.vimeo.com/video/33698394?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="http://vimeo.com/33698394">The Love Competition</a> from <a href="http://vimeo.com/user6989541">Brent Hoff</a> on <a href="http://vimeo.com">Vimeo</a>.</p>