Скрытие стрелок на любом конце слайд-шоу, используя jcarousel lite

Question

Я использую Jcarousel Lite, и документация можно найти здесь:http://www.gmarwaha.com/jquery/jcarousellite/

У меня есть карусель, которая может быть перемещена, используя стрелки на любом конце.

Я хочу изменить карусель, чтобы в начале состояния перед пользователем нажимают, чтобы прокрутить слайд-шоу, стрелка влево нет. Идея - это разумная - не предоставляя пользователя кнопку, которая ничего не делает, поскольку карусель не круглая и делает ее как таковой, не является вариантом, которую они хотят. Аналогичным образом, они предпочли бы, чтобы в конце карусели правая стрелка исчезает, указывая, что пользователь может продолжаться только в противоположном направлении.

Обобщить:

1. Начальное начальное состояние Carousel имеет только правую стрелку видимой, указывая пользователю, что прокрутка должна продолжаться только в одном направлении.

2. Mid-Carousel, оба стрелки должны присутствовать, чтобы пользователь мог прокрутить в любом направлении.

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

Редактировать [10/14/2010]: Оказывается, документация на веб-странице jcarousel Lite не включает в себя упоминание этой функции, в то время как оригинальная документация плагина Jcarousel делает. Похоже, эта особенность была не чем-то удивленной; Я предполагал, что плагин был раздельной версией, которую функции будут явно определены в документации.

TL; доктор: Многое, как jcarousel, jcarousel lite сделает это автоматически для вас.

Answer 1

Похоже, это очень простое исправление:

1. Добавьте «отключенный» класс на ваш prev IMG:

   <img class="prev disabled" src="images/projects-prev.png" />
   

2. Добавьте этот бит CSS:

   img.disabled { visibility: hidden; }
   

Сценарий Carousel управляет классом «инвалидов» после активации.

Answer 2

Вам нужно сделать это:

$(".projects-slideshow").jCarouselLite({
  btnNext: "#projects .next",
  btnPrev: "#projects .prev",
  visible: 4,
  circular: 0,
                beforeStart: function() {
                $("#projects .prev").hide(); //$(this.btnPrev).hide(); may work and is neater
                },
                afterEnd: function() {
                $("#projects .next").hide();
                }
 });

Answer 3

.jcarousel-prev, .jcarousel-next {видимость: скрыта; }