Javascript 调用具有iframe和图像的fancybox库

我想做的是通过点击一个不相关的div来调用fancybox gallery，它有和iframe和耦合的图像。图像组一切正常，但当我尝试添加iframe时，它显示“无法加载请求的内容”。 请稍后再试。”

以下是html和javascript：

    <div id="gallery_1">Gallery</div>


     <script>
        $('#gallery_1').click(function (){
        $('#gallery_1').addClass('cur_gal');
        $.fancybox([
          'iframe.html',
          '2.jpg',
          '1.jpg'
        ], 
     {   'padding' : 0,
         'transitionIn' : 'fade',
         'transitionOut' : 'fade',
         'type' : 'image',
         'changeFade' : 1,
         'loop' :false,
         afterClose: function() {
        $('#gallery_1').removeClass('cur_gal');
      }
    });
    });
    </script>

图库
$（“#图库_1”）。单击（函数（）{
$（'u#gallery_1'）.addClass（'cur_gal'）；
$.fancybox([
“iframe.html”，
"2.jpg",，
‘1.jpg’
], 
{“padding”：0，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“类型”：“图像”，
“changeFade”：1，
“循环”：false，
后关闭：函数（）{
$（'#gallery_1'）。removeClass（'cur_gal'）；
}
});
});

我试图删除'type'：'image'，但是iframe没有显示出来。 我还尝试将类型更改为iframe，但随后图像被弄乱了。尺寸不正确，会出现滚动条。

---

因此，可能有人知道如何正确显示iframe和图像吗？

您需要单独指定内容的

类型，但您是在全局范围内进行的，因此请尝试以这种方式修改脚本

$(document).ready(function () {
    $('#gallery_1').click(function () {
        $('#gallery_1').addClass('cur_gal');
        $.fancybox([{
            href: "iframe.html",
            type: "iframe"
        }, {
            href: "image2.jpg",
            type: "image"
        }, {
            href: "image1.jpg",
            type: "image"
        }], {
            padding: 0,
            // 'transitionIn': 'fade', // for v1.3.4 not compatible
            // 'transitionOut': 'fade', // for v1.3.4 not compatible
            // 'type' : 'image', // sets type of content globally
            changeFade: 1,
            loop: false,
            afterClose: function () {
                $('#gallery_1').removeClass('cur_gal');
            }
        });
    });
}); // ready

请参见

编辑：您也可以更改此行

$('#gallery_1').click(function () {
    $('#gallery_1').addClass('cur_gal');

进入这个

$('#gallery_1').click(function () {
    $(this).addClass('cur_gal');