colorbox或fancybox中的多个交互式iframe内容

时间:2013-08-19 14:41:57

标签: iframe fancybox colorbox

我是JS和Ajax的绝对新手,在浏览了fancybox和colorbox后我无法使用'prev'和'next选项在我试图加载的iframe之间导航的幻灯片横幅下的HTML。

在fancybox中无法调整高度(虽然我尝试了各种选项,包括直接在.fancybox-wrap下使用!important等编辑jquery.fancybox.css

我从来没能得到上一个&下一个按钮工作,虽然它们在与css相同的文件夹下

iframe内容是一个panaromic flash内容,带有(3个不同的).index html,我已经能够在iframe中加载,但在尝试加载多个htmlfiles作为幻灯片放映或滚动prev&下一个选项它不起作用。 吼叫是我的电话:

$(document).ready(function(){
    $("a.iframe").fancybox({
        'width' : 1000,
        'height' : 500,
        'autoScale' : false,
        'transitionIn' : 'none',
        'transitionOut' : 'none',
        'type' : 'iframe' 
    });
});

<!-- html code here -->

<a class="iframe" href="360/type1/example.html"><img src="images/type1.png" height="100" width="100"/></a>
<a class="iframe" href="360/type2/example.html"><img src="images/type2.png" height="100" width="100"/></a>
</body>

0 个答案:

没有答案