carouFredSel在精美的盒子弹出窗口

时间:2013-10-03 05:57:51

标签: jquery fancybox carousel

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

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

1 个答案:

答案 0 :(得分:0)

我认为这是问题: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
    }
}
});