carouFredSel在精美的盒子弹出窗口

Question

我正在为购物车设计一个网站。当用户点击快速查看时，弹出窗口应该打开产品的详细信息，这包括放大图像和carouFredSel图库。但我的问题是carouFredSel不能在fancybox弹出。 链接：Link for page 点击第一个产品的缩放图像，将显示弹出窗口。

这就是我想要的弹出窗口Link

Answer 1

我认为这是问题：fancybox内的滑块首先隐藏（显示：无），因此轮播不知道如何设置宽度和高度。您的页面链接不会在此处加载，因此我看不到确切的详细信息。调整浏览器大小时是否加载轮播？ （当弹出窗口可见时。）

您可能想要将轮播的宽度和高度设置为特定的宽度和高度来测试它。

$('#your-slider').carouFredSel({
    responsive: true,
    width: '100%', // Or set to e.g. 600
    height: 'variable', // Or set to e.g. 400
    items: {
        width: 600,
        height: 400
    }
}
});