BxSlider исчезает и появляется

StackOverflow'еры

Я новичок в jQuery, но в настоящее время использую подключаемый модуль BXslider.

<script type="text/javascript">
  $(document).ready(function(){
    $('#slider').bxSlider();
  });
</script>

Все, что я хочу сделать, это заставить ползунок на каждом слайде скользить вперед и назад слева направо.


person Owen O'Neill    schedule 02.07.2012    source источник


Ответы (2)


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

$(document).ready(function(){
    $('#slider').bxSlider({
    mode: 'fade',
    });
});

Если вам нужны дополнительные параметры перехода/замедления, вам нужно будет включить jQuery Easing. Получите это здесь: http://gsgd.co.uk/sandbox/jquery/easing/

Затем добавьте параметр смягчения следующим образом:

easing: 'swing',

К вашему сведению, «качели» используются по умолчанию.

person Connor    schedule 03.07.2012
comment
Как раз то, что я был после! Однако он не «качается». Он просто исчезает от одного слайда к другому, поэтому он потерял переход слева направо по умолчанию. Есть ли шанс заставить его появляться справа налево и исчезать? Но спасибо вам большое за ваше кстати. - person Owen O'Neill; 03.07.2012
comment
Если вы не хотите, чтобы он исчезал, удалите параметр режима (поскольку по умолчанию используется «горизонтальный»). Чтобы изменить направление ползунка, добавьте эту опцию: autoDirection: 'prev', - person Connor; 03.07.2012
comment
Я хочу, чтобы он скользил горизонтально и исчезал. На данный момент он просто затухает. Любые идеи? - person Owen O'Neill; 03.07.2012
comment
Как я уже сказал, измените режим на что-то другое, кроме «затухания». Дело в том, что я не думаю, что вы можете заставить его исчезать и скользить... у вас есть пример этого действия? - person Connor; 04.07.2012
comment
Если я меняю режим, обычно это либо одно, либо другое, могу попробовать облегчить, чтобы посмотреть, как это работает. Спасибо, Коннор! Оценил! - person Owen O'Neill; 04.07.2012

Идентификатор вашего списка или div должен совпадать с кодом jQuery.

Посмотрите, есть ли другие коды, которые не были должным образом закрыты и которые могут мешать этому.

Убедитесь, что добавлена ​​версия jQuery, совместимая с плагином, и добавьте .min.js в заголовок страницы.

person Filipe Manuel    schedule 02.07.2012
comment
Я сделал все это, я только перечислил часть jQuery, которую нужно изменить. Слайдер работает нормально, поэтому мне не нужно проверять вышеизложенное, я просто не могу найти способ добавить каждый слайд для затухания. - person Owen O'Neill; 03.07.2012