CarouFredSel - отключить бесконечную прокрутку?

Question

CarouFredSel - отключить бесконечную прокрутку?

0

У меня горизонтальная прокрутка карусели:

    _gotoNext: function (that) {

        //tjobbe - put funciton here to check if there is anything else after the last slide, then stop / disable the gotonext. must only scroll one if only one is available (or 2). same for go to prev
        that.$element.find('.mediaCarousel').trigger("next", false);
    },

    //This method tells the mediaCarousel to go to the previous slide.
    _gotoPrev: function(that, callback) {
        that.$element.find('.mediaCarousel').trigger("prev", false);
    },

http://jsfiddle.net/YVCTx/

Мне нужно, чтобы он остановился или, по крайней мере, отключил следующую кнопку, когда он дошел до последнего элемента. Если есть нечетное число, мне также нужно его прокручивать только один или два элемента или позволить ему делать три.

Мой текущий код, похоже, не обращает внимания на встроенную опцию "infin: true (или false)".

Например, у меня есть 7 элементов на данный момент, и я прокручиваю 3 за раз. Я хотел бы остановиться на третьем свитке, так что вторая прокрутка будет отображаться только как элементы в списке.

Есть идеи, если это возможно?

tjcss 21 янв. 2014, в 10:53

Источник

0

Это существующий плагин или вы его создали?
MrUpsidown 21 янв. 2014, в 09:12
0

Извините, я не видел, как вы упомянули Каруфредсел. docs.dev7studios.com/jquery-plugins/caroufredsel У этого есть варианты infinite и circular . Вы пробовали это?
MrUpsidown 21 янв. 2014, в 09:14
0

Я только что отредактировал мой вопрос - извините. Мой текущий код, кажется, не слушает это. пробовал и истину, и ложь на бесконечность.
tjcss 21 янв. 2014, в 09:22
0

Так какие настройки вы использовали? Вы видели: Примечание. Можно создать некруглую бесконечную карусель, но невозможно создать круглую, бесконечную карусель.
MrUpsidown 21 янв. 2014, в 09:24
0

Я попробовал оба варианта: циркуляр: истина и бесконечность: истина, а также ложь для каждого, и это не изменило прокрутку, и я не могу понять, почему?
tjcss 21 янв. 2014, в 09:26
1

Покажите нам свой код! Как вы устанавливаете эти параметры? Если вы можете, предоставьте jsfiddle с вашим кодом и рабочую карусель (включите плагин как внешний ресурс).
MrUpsidown 21 янв. 2014, в 09:28
0

В исходном вопросе есть jsfiddle, но вы идете; o) jsfiddle.net/YVCTx
tjcss 21 янв. 2014, в 09:30
0

Это не тот код, который нам нужен. Где вы устанавливаете эти параметры?
MrUpsidown 21 янв. 2014, в 09:36
0

Строки 10-40 в этой jsfiddle - панели js.
tjcss 21 янв. 2014, в 09:37
1

Вы не предоставляете SSCCE
James Hibbard 21 янв. 2014, в 09:39
0

Извините, что настаиваю, но: нет смысла иметь нерабочую скрипку. Как мы можем это проверить? В дополнение к этому, ваш пример не отражает использование infinite или circular опций.
MrUpsidown 21 янв. 2014, в 09:40
0

Я постараюсь получить работающий jsFiddle здесь, но проблема в том, что он с большого сайта, и заставить его работать на jsfiddle - это кошмар. Что касается циклических / бесконечных опций, которые вы упомянули - я вижу, что они не в коде, но я попробовал их. Спасибо всем за терпение.
tjcss 21 янв. 2014, в 10:35

Показать ещё 10 комментариев

Теги:

javascript

jquery

caroufredsel

1 ответ

Ещё вопросы

Это существующий плагин или вы его создали?
Извините, я не видел, как вы упомянули Каруфредсел. docs.dev7studios.com/jquery-plugins/caroufredsel У этого есть варианты infinite и circular . Вы пробовали это?
Я только что отредактировал мой вопрос - извините. Мой текущий код, кажется, не слушает это. пробовал и истину, и ложь на бесконечность.
Так какие настройки вы использовали? Вы видели: Примечание. Можно создать некруглую бесконечную карусель, но невозможно создать круглую, бесконечную карусель.
Я попробовал оба варианта: циркуляр: истина и бесконечность: истина, а также ложь для каждого, и это не изменило прокрутку, и я не могу понять, почему?
Покажите нам свой код! Как вы устанавливаете эти параметры? Если вы можете, предоставьте jsfiddle с вашим кодом и рабочую карусель (включите плагин как внешний ресурс).
В исходном вопросе есть jsfiddle, но вы идете; o) jsfiddle.net/YVCTx
Это не тот код, который нам нужен. Где вы устанавливаете эти параметры?
Извините, что настаиваю, но: нет смысла иметь нерабочую скрипку. Как мы можем это проверить? В дополнение к этому, ваш пример не отражает использование infinite или circular опций.
Я постараюсь получить работающий jsFiddle здесь, но проблема в том, что он с большого сайта, и заставить его работать на jsfiddle - это кошмар. Что касается циклических / бесконечных опций, которые вы упомянули - я вижу, что они не в коде, но я попробовал их. Спасибо всем за терпение.

James Hibbard · Answer 1 · 2014-01-21T07-18-00.000Z

Кажется, что есть круглый и бесконечный вариант, который вы можете установить.

Я бы предположил, что один из них сделает то, что вы хотите (скорее всего, бесконечное):

$('#carousel').carouFredSel({
    circular: true,         // Determines whether the carousel should be circular.
    infinite: true,         // Determines whether the carousel should be infinite. Note: It is possible to create a non-circular, infinite carousel, but it is not possible to create a circular, non-infinite carousel.
    responsive: false,      // Determines whether the carousel should be responsive. If true, the items will be resized to fill the carousel.
    direction: "left",      // The direction to scroll the carousel. Possible values: "right", "left", "up" or "down".
    width: null,            // The width of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable widths), "auto" (measure the widest item) or a percentage like "100%" (only applies on horizontal carousels)
    height: null,           // The height of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable heights), "auto" (measure the tallest item) or a percentage like "100%" (only applies on vertical carousels)
    align: "center",        // Whether and how to align the items inside a fixed width/height. Possible values: "center", "left", "right" or false.
    padding: null,          // Padding around the carousel (top, right, bottom and left). For example: [10, 20, 30, 40] (top, right, bottom, left) or [0, 50] (top/bottom, left/right).
    synchronise: null,      // Selector and options for the carousel to synchronise: [string selector, boolean inheritOptions, boolean sameDirection, number deviation] For example: ["#foo2", true, true, 0]
    cookie: false,          // Determines whether the carousel should start at its last viewed position. The cookie is stored until the browser is closed. Can be a string to set a specific name for the cookie to prevent multiple carousels from using the same cookie.
    onCreate: null          // Function that will be called after the carousel has been created. Receives a map of all data.
});

Источник: документация

Извините, должен был добавить, что мой текущий код, кажется, игнорирует бесконечное true / false. Только что отредактировал мой вопрос.
Ваша скрипка, похоже, просто плагин caroufredsel. Не могли бы вы обновить его с некоторым содержанием, тогда я посмотрю.