bxslider, для карусели изображений, кажется, не работает для меня?

Question

bxslider, для карусели изображений, кажется, не работает для меня?

0

Поэтому я хочу сделать небольшую галерею карусели. Четыре изображения. И вы можете карусели на большее количество изображений. Я нашел bxslider, и это похоже на быстрое решение plug & play. Но он показывает только одно изображение на слайд.

Кажется, я следовал их указаниям. Но я, очевидно, сделал что-то не так.

Я оставил их css и js нетронутыми. Мой HTML выглядит как их копия. И я положил это в конец своего js файла:

$(document).ready(function(){
    $('.bxslider').bxSlider({
        mode: 'fade',
        captions: true,
        auto: true,
        autoControls: false,
        minSlides: 4
    });
});

Здесь jsfiddle: http://jsfiddle.net/7YH8Q/

Кто-нибудь знает, как я могу заставить это работать?

user2747609 02 апр. 2014, в 23:56

Источник

0

Это работает в скрипке. Убедитесь, что вы загрузили jQuery перед этим на своей странице.
ralph.m 02 апр. 2014, в 21:57
0

Скрипка показывает 8 панелей для 8 изображений (один набор образцов - один jpg). Я хочу показать 4 изображения на панель. Я установил minSlides на 4. Не уверен, что не так.
user2747609 02 апр. 2014, в 22:29

Теги:

javascript

jquery

css

carousel

bxslider

2 ответа

1

В настоящее время не поддерживается несколько элементов на слайды и режим затухания. Это проблема. Режим изменения - единственный способ исправить это с помощью bxslider.

DavidM 19 янв. 2015, в 20:05

Ещё вопросы

Это работает в скрипке. Убедитесь, что вы загрузили jQuery перед этим на своей странице.
Скрипка показывает 8 панелей для 8 изображений (один набор образцов - один jpg). Я хочу показать 4 изображения на панель. Я установил minSlides на 4. Не уверен, что не так.

VJS · Accepted Answer · 2014-04-05T07-45-00.000Z

Проблема в том, что вы не установили slideWidth. Чтобы настроить карусель, вы должны указать 3 значения, а именно: slideWidth, minSlides, maxSlides.

Здесь работает скрипка http://jsfiddle.net/hwQ6C/

$('.bxslider').bxSlider({
   slideWidth: 200,
   minSlides: 4,
   maxSlides: 5,
   slideMargin: 10
});