[Помощь] Конфликт фильтра c функцией слайдера

magarych

Постоялец
Регистрация
21 Июн 2013
Сообщения
133
Реакции
64
Добрый день подскажите пожалуйста как решить такую проблему. Установил Custom Filters 1.9 (joomla 2.5) на шаблон ot_sexyqueen. В шаблоне реализована функция слайдера картинок главной страницы и товаров в отдельности. При включении CF на сайте, происходит перекос в работе слайдеров. Картинки при смене улетают за пределы блока. С помощью Firebug обнаружил, что при запуске слайдера в коде странице возникает дополнительный блок <div> в котором изменяются свойства: высота и отступ(margin) это приводит к тому, что при уменьшении значения margin с 0 на -374 картинка вылетает за пределы видимости блока. Вопрос: каким наиболее эффективным образом можно решить данную проблему. Возможно проблема в jquery, к сожалению я не спец, поэтому и обращаюсь за помощью. Вот сайтДля просмотра ссылки Войди или Зарегистрируйся
 
Добрый день подскажите пожалуйста как решить такую проблему. Установил Custom Filters 1.9 (joomla 2.5) на шаблон ot_sexyqueen. В шаблоне реализована функция слайдера картинок главной страницы и товаров в отдельности. При включении CF на сайте, происходит перекос в работе слайдеров. Картинки при смене улетают за пределы блока. С помощью Firebug обнаружил, что при запуске слайдера в коде странице возникает дополнительный блок <div> в котором изменяются свойства: высота и отступ(margin) это приводит к тому, что при уменьшении значения margin с 0 на -374 картинка вылетает за пределы видимости блока. Вопрос: каким наиболее эффективным образом можно решить данную проблему. Возможно проблема в jquery, к сожалению я не спец, поэтому и обращаюсь за помощью. Вот сайтДля просмотра ссылки Войди или Зарегистрируйся
Ржачный эффект, был слайдер... и нету. :) Как в РЖД." До отправления поезда слайда осталось 2 секунды. Следующий слайд проследует по расписанию. Через 1 секунду. Стоянка 5 секунд. Просьба не отходить далеко от вагона слайдера." :D
Извините, увлёкся.
А по теме... попробуйте, весь этот вокзал обернуть ещё в один DIV и задать задать для него фиксированный размер.
Это, правда, костыль, но работать должно.
Удачи.
 
Последнее редактирование:
  • Заблокирован
  • #3
Кривой какой слайдер)) Есть проще решение, в css надо "margin: 0!important;" добавить, проверил - работает.
.carousel {
border-color: #7F7F7F;
margin: 0!important;
}
 
Ржачный эффект, был слайдер... и нету. :) Как в РЖД." До отправления поезда слайда осталось 2 секунды. Следующий слайд проследует по расписанию. Через 1 секунду. Стоянка 5 секунд. Просьба не отходить далеко от вагона слайдера." :D
Извините, увлёкся.
А по теме... попробуйте, весь этот вокзал обернуть ещё в один DIV и задать задать для него фиксированный размер.
Это, правда, костыль, но работать должно.
Удачи.
Не могли бы вы объяснить свой вариант решения данной проблемы поподробнее(по шагам, что добавить и где). Я просто запутался в огромном количестве стилевых файлов css и опыта маловато. Если требуется могу выложить файлы проекта. Заранее спасибо.
Способ описанный в предыдущем посте не сработал. Проверил.
P.S. Выяснил, что данная чехорда возникла из-за конфликта jQuery(слайдера) и библиотеки
Mootools-more(модуля фильтра товара).
 
Вручную менял что-нибудь в php файлах слайдера ? Потому что в оригинальном шаблоне нету ни одного изменения стиля кроме как в css, а у тебя в самом диве слайдера аттрибуты. Еще дополнительный див, в котором меняется высота.
 
Последнее редактирование:
Такие конфликты библиотек часто встречаются в компонентах. Тут три самых простых решения:
1). Если позволяют нвстройки слайдера - выбрать другой движок
2). Отключить MooTools для отдельной страницы (есть спец. плагин)
3). Использовать другой слайдер :)
Ну и попробовать noConflict
 
Назад
Сверху