1

На странице несколько слайдеров bxSlider, один из них отображается при загрузке страницы и работает нормально. Остальные изначально скрыты, когда же должны стать видимыми - картинки не отображаются. Т.е. для этого слайдера необходимо, чтобы картинки при загрузке были видимыми, чтобы рассчитать их высоту. Вроде можно перезагружать слайдер в момент отображения вкладки, но браузер выдает ошибку: slider.reloadSlider is not a function

Кто-нибудь сталкивался с таким?

Пример вот: http://jsfiddle.net/FvMYz/3750/

2
  • Запихнула вызов слайдера в функцию, слайдер на вкладках начал отображаться. Правда он теперь подгружается каждый раз, когда функция вызывается. Помогите плиз переделать код так, чтобы инициализация слайдера происходила только один раз.jsfiddle.net/9ah84p6f/1
    – Елена
    11 июл 2016 в 7:32
  • Решение нашла. Добавляем к скрытым слайдерам класс 'active', а после инициализации слайдера удаляем этот класс. В итоге галерея подгружается корректно. jsfiddle.net/9ah84p6f/2 Если есть решение изящней - буду благодарна за ваши варианты
    – Елена
    11 июл 2016 в 8:36

2 ответа 2

2

Решение нашла. Добавляем к скрытым слайдерам класс 'active', а после инициализации слайдера удаляем этот класс. В итоге галерея подгружается корректно. jsfiddle.net/9ah84p6f/2

0

Все вызовы слайдера запихнула в скрипт, который "табами" управляет, но в самое его начало. После:

$(document).ready(function()

сначала все слайдеры запускаются, и уже потом:

 $(".tabs").hide()

и т.д.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.