|
01.11.2015, 23:14
|
Интересующийся
|
|
Регистрация: 01.11.2015
Сообщений: 23
|
|
JQuery карусель в табах
Добрый вечер.
Подскажите как нужно подключить owl carousel чтобы она работала в табах, я подключаю, но у меня она нормально работает только в одном табе, в других она скомкалась, вот сайт (первые три таба в "наши проекты"): http://office-furniture.io
Последний раз редактировалось Vyacheslav.Y, 02.11.2015 в 06:35.
|
|
01.11.2015, 23:46
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Vyacheslav.Y,
ready замените на $(window).load и инициализировать лучше в цикле каждый слайдер индивидуально.
проблема старой версии да и всех подобных слайдеров в том что они неправильно вычисляли размеры находясь в скрытом элементе
решалось открыть проинициализировать закрыть или вызов $(window).resize() при открытие таба
Последний раз редактировалось рони, 02.11.2015 в 00:00.
|
|
02.11.2015, 00:04
|
Интересующийся
|
|
Регистрация: 01.11.2015
Сообщений: 23
|
|
Сообщение от рони
|
Vyacheslav.Y,
ready замените на $(window).load и инициализировать лучше в цикле каждый слайдер индивидуально.
проблема старой версии да и всех подобных слайдеров в том что они неправильно вычисляли размеры находясь в скрытом элементе
решалось открыть проинициализировать закрыть или вызов $(window).resize() при открытие таба
|
можно подробнее?, мне не совсем понятно что вы описали, где именно прописать $(window).resize()?
|
|
02.11.2015, 00:07
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Сообщение от Vyacheslav.Y
|
где именно прописать $(window).resize()?
|
"наши проекты" тут в клик по ссылкам добавить
Последний раз редактировалось рони, 02.11.2015 в 00:41.
|
|
02.11.2015, 00:43
|
Интересующийся
|
|
Регистрация: 01.11.2015
Сообщений: 23
|
|
Сообщение от рони
|
"наши проекты" тут в клик по ссылкам добавить
|
Вы зачеркнули, не совсем понятно зачем? Может быть подскажите как сделать чтобы срабатывал hover при наведении на изображение (пример в других табах) ?
Последний раз редактировалось Vyacheslav.Y, 02.11.2015 в 00:45.
|
|
02.11.2015, 00:57
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Vyacheslav.Y,
так как не вижу результата от $(window).resize() хотя ручное изменения окна слайдер понимает.
|
|
02.11.2015, 01:03
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Vyacheslav.Y,
может вам одного $(window).load хватит?
|
|
02.11.2015, 01:06
|
Интересующийся
|
|
Регистрация: 01.11.2015
Сообщений: 23
|
|
Сообщение от рони
|
Vyacheslav.Y,
так как не вижу результата от $(window).resize() хотя ручное изменения окна слайдер понимает.
|
Я не понимаю того что вы пишете, куда именно нужно и как нужно добавить $(window).load или $(window).resize()
|
|
02.11.2015, 01:13
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Vyacheslav.Y,
$(document).ready(function() {
var owl = $(".owl-carousel");
owl.owlCarousel({
dragBeforeAnimFinish : false
});
// Custom Navigation Events
$(".owl-next").click(function(){
owl.trigger('owl.next');
})
$(".owl-prev").click(function(){
owl.trigger('owl.prev');
})
});
заменить на
$(window).load(function() {
var owl = $(".owl-carousel");
owl.owlCarousel({
dragBeforeAnimFinish : false
});
// Custom Navigation Events
$(".owl-next").click(function(){
owl.trigger('owl.next');
})
$(".owl-prev").click(function(){
owl.trigger('owl.prev');
})
});
|
|
02.11.2015, 01:29
|
Интересующийся
|
|
Регистрация: 01.11.2015
Сообщений: 23
|
|
рони,
не помогло, если делать с последней версией, как кучковалось на других табах так и кучкуется
|
|
|
|