карусель css thumb останавливается на 0

0

Я работаю над карусели слайдера большого пальца для моего проекта. Я сделал это с помощью css3. что я сделал, я использовал обложку div и внутри, что я использовал ul и сдвинул ее влево и вправо. переполнение крышки div скрыто. Теперь он отлично работает, но проблема в том, что я не могу остановить слайд в конце Ли. как я могу это достичь? Я попробовал инструкции if else, но я был в замешательстве. Ну, полный код с комментариями находится здесь http://jsfiddle.net/pqHAK/

здесь приведен пример кода

        $('#thumbsList').css('margin-left', positionToBeMoved + 'px');

Полный код находится в Fiddle. Пожалуйста, скажите мне, где я делаю это неправильно.

Теги:
css-transitions

2 ответа

0
Лучший ответ

для левой стрелки нажмите эту кнопку

            if (currentPosition!=0) {
                var positionToBeMoved = currentPosition + 77;

                // Setting th Final Fix//
                $('#thumbsList').css('margin-left', positionToBeMoved + 'px');
            } else {


            }

то он перестанет проходить после первого div влево. Но вы должны быть осторожны, чтобы движение остановилось, прежде чем вы его проверите

Поделиться
1

Попробуйте эту скрипку:

DEMO

Добавлено условие для проверки позиции:

$('li').length/2 * 154 - window.innerWidth < positionToBeMoved

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

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

Поделиться
  • 0
    не в состоянии получить это.
  • 0
    если id сделать это if (currentPosition <= 0) {alert ('вы не можете пройти мимо этого'); } все еще, когда я перехожу к следующему слайду и возвращаюсь, он говорит то же самое сообщение
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню