я проектирую веб-сайт для корзины покупок. И когда пользователь щелкает быстрый просмотр, всплывающее окно должно открываться с подробностями продуктов, это включает в себя увеличение изображения и галерею carouFredSel. Но моя проблема заключается в том, что carouFredSel не работает в fancybox. Ссылка: ссылка для страницы Нажмите на изображение с увеличенным изображением первого продукта, появится всплывающее окно.
Это то, что я хочу во всплывающей ссылке
Я думаю, что это проблема: слайдер внутри fancybox сначала скрыт (display: none), поэтому карусель не знает, как установить ширину и высоту. Ссылки на ваши страницы здесь не загружаются, поэтому я не вижу точных данных. Загружается ли карусель при изменении размера браузера? (Когда всплывающее окно видно.)
Вы можете протестировать его с шириной и высотой карусели, установленной на определенную ширину и высоту.
$('#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
}
}
});