jquery - carouFredSel 在花哨的弹出框中

Question

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

这就是我想要的弹出链接

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
    }
}
});