0

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

我正在尝试达到以下效果：

我有一个目录页面，其中包含使用data-fancybox-type="iframe" rel="cars" 加载的新项目在fancybox iframe 中打开的项目，其中包含带有完整jquery 和fancybox 链接的doctype 和head 元素。iframe 很小，300x650 像素，由少量缩略图和文本组成。我正在尝试实现某种方法，以-单击其中一个缩略图-启动完整图像（800x800px）：a）而不是打开的iframe（如果关闭并使用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 的其他一些解决方案，但无法获得令人满意的结果。顺便提一句。不一定非要花哨的盒子，但'elastic'开口就完美了

4

0 回答 0