Question

我正在使用fancybox 2（在joomla 3上）

我正在尝试以下效果：

我有一个目录页面，其中包含使用data-fancybox-type="iframe" rel="cars"在fancybox iframe中打开的项目加载的新项目具有doctype和head元素，其中包含完整的jquery和fancybox。 iframe很小，300x650px，由很少的缩略图和文本组成。我试图实现一些方法，在点击其中一个缩略图时 - 启动完整图像（800x800px）： a）而不是打开的iframe（关闭if并打开完整的图像与gouping，关闭图像，iframe回来） b）将图像加载到内部，但拉伸父iframe，关闭图像后将其拉伸回原始大小。任何这些工作，想法是打开一个小图像库，从相当小的iframe触发（如果它更大，然后图像加载内部没有问题）

我将此代码用于父代：（我尝试过宽度，高度：70％或任何其他值）

$(".iframe_launch").fancybox({

    fitToView   : false,
    autoSize    : true,
    closeClick  : false,
    closeEffect : 'none',
    openEffect      : 'elastic',
    padding     : 0,
    scrolling   : 'visible',
    scrollOutside   : 'no'

});

这是加载的内容：

$(".thumbs").fancybox({
    maxWidth    : 900,
    maxHeight   : 805,
    fitToView   : false,
    autoSize    : true,
    closeClick  : false,
    closeEffect : 'elastic',
    openEffect      : 'elastic',
    padding     : 0,
    scrolling   : 'visible',
    scrollOutside   : 'no'
});

我的目标是

parent.$(".thumbs").fancybox({
        maxWidth    : 900,
        maxHeight   : 805,
(...)

和stackoverflow的其他一些解决方案，但无法使其工作得到满意的结果。顺便说一句。它不一定是fancybox，但'elastic'开放是完美的

Fancybox 2从fancybox iframe加载另一个内容

0 个答案: