fancybox-在iframe中间保留不同大小的图片

Question

my code

我使用fancyBox v3.2.11，你可以看到这个演示 http://project-08.ithanhua.cn/index.php/home/photo_list/4

$。fancybox.open（[                 {                     src：'http://project-08.ithanhua.cn/uploads/article/20180515/153c7b04601118bd4203b2fce31604ca.jpg'                 }，                 {                     src：'http://project-08.ithanhua.cn/uploads/article/20180515/153c7b04601118bd4203b2fce31604ca.jpg'

            }
        ],{
            type: 'iframe',
            iframe: {
                preload: false,
                // Iframe template
                tpl:
                    '<iframe id="fancybox-frame" name="fancybox-frame" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen allowtransparency="true" src=""></iframe>',
                css: {"width":"1200px"},

                // Iframe tag attributes
                attr: {
                    scrolling: "auto"
                }
            }
        });

resule

图像不在中心 怎么办？

Answer 1

不要使用iframe。你为什么想这么做？？？？这是错误的，你将丢失fancybox的所有功能 - 滑动，缩放（基本上所有手势），等等。但是，如果你真的必须，然后创建自定义页面来显示图像，例如，显示类似show-image.php?image=myimage.jpg的内容而不是myimage.jpg。