Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.07.2015, 17:15
Интересующийся
Отправить личное сообщение для Maggie Посмотреть профиль Найти все сообщения от Maggie
 
Регистрация: 21.08.2014
Сообщений: 18

Как зациклить карусель?
Привет. Подскажите как зациклить карусель или стопануть стрелку вправо после просмотра всех изображений?
В конце страницы карусель:
http://www.gulftravel.com.ua/countri.../o-strane.html

Вот код карусели:
$(document).ready(function() {
    var leftUIEl = $('.carousel-arrow-left');
    var rightUIEl = $('.carousel-arrow-right');
    var elementsList = $('.imageRow');
 
    var pixelsOffset = 400;
    var currentLeftValue = 0;
    var elementsCount = elementsList.find('li').length;
    var minimumOffset = - ((elementsCount - 5) * pixelsOffset);
    var maximumOffset = 0;
 
    leftUIEl.click(function() {        
        if (currentLeftValue != maximumOffset) {
            currentLeftValue += 400;
            elementsList.animate({ left : currentLeftValue + "px"}, 500);
        }        
    });
 
    rightUIEl.click(function() {        
        if (currentLeftValue != minimumOffset) {
            currentLeftValue -= 400;
            elementsList.animate({ left : currentLeftValue + "px"}, 500);
        }
    });
 
});
Ответить с цитированием
  #2 (permalink)  
Старый 09.07.2015, 18:01
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Ну так else перекрестно.
Ответить с цитированием
  #3 (permalink)  
Старый 09.07.2015, 18:05
Интересующийся
Отправить личное сообщение для Maggie Посмотреть профиль Найти все сообщения от Maggie
 
Регистрация: 21.08.2014
Сообщений: 18

А можно подробнее? А то я в js полный профан
Ответить с цитированием
  #4 (permalink)  
Старый 09.07.2015, 18:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

бесконечная карусель
Maggie,
можно и зациклить ...
$(document).ready(function() {
    var leftUIEl = $('.carousel-arrow-left');
    var rightUIEl = $('.carousel-arrow-right');
    var elementsList = $('.imageRow');
    var currentLeftValue = 0;
    elementsList.append(elementsList.find('.single')); //без div.set  красивее
    leftUIEl.click(function() {
        currentLeftValue = elementsList.find('.single').eq(1).position().left;
        elementsList.stop().animate({
            left: -currentLeftValue + "px"
        }, 500, function() {
            elementsList.append(elementsList.find('.single').first());
            elementsList.css({
                left: 0
            })
        });

    });

    rightUIEl.click(function() {
        elementsList.prepend(elementsList.find('.single').last());
        currentLeftValue = elementsList.find('.single').eq(1).position().left;
        elementsList.css({
            left: -currentLeftValue + "px"
        })
        elementsList.stop().animate({
            left: 0
        }, 500)
    });

});

Последний раз редактировалось рони, 09.07.2015 в 18:51.
Ответить с цитированием
  #5 (permalink)  
Старый 09.07.2015, 19:00
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от Maggie
А то я в js полный профан
Странно, а коды карусели нашли. Там есть проверки на мин и макс, надо поставить else на симметричную функцию и все.

leftUIEl.click(function() {
    if (currentLeftValue != maximumOffset) {
    /* тут все по тексту */
    else 
        rightUIEl.click();


и еще раз в правой на левую.
Ответить с цитированием
  #6 (permalink)  
Старый 09.07.2015, 19:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от kostyanet
Там есть проверки на мин и макс
если бы только сами мин и макс не были от фонаря
Ответить с цитированием
  #7 (permalink)  
Старый 10.07.2015, 09:32
Интересующийся
Отправить личное сообщение для Maggie Посмотреть профиль Найти все сообщения от Maggie
 
Регистрация: 21.08.2014
Сообщений: 18

Спасибо, рони, помогли, всё работает... только вот в противоположную сторону катало, но я вроде бы поняла что сделать нужно)

Последний раз редактировалось Maggie, 10.07.2015 в 09:48.
Ответить с цитированием
  #8 (permalink)  
Старый 10.07.2015, 09:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от Maggie
только вот в противоположную сторону катало
как это понять?
Ответить с цитированием
  #9 (permalink)  
Старый 10.07.2015, 10:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Maggie,
left и right в строках 2 и 3 поменять местами или в начале или в конце строк
Ответить с цитированием
  #10 (permalink)  
Старый 10.07.2015, 10:51
Интересующийся
Отправить личное сообщение для Maggie Посмотреть профиль Найти все сообщения от Maggie
 
Регистрация: 21.08.2014
Сообщений: 18

Да, спасибо, поменяла уже)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать что бы картинки с другого url отображались как свои zlodey Серверные языки и технологии 1 04.05.2015 21:30
Как правильно реализовать такой функционал? Julian Общие вопросы Javascript 3 16.01.2015 12:34
Смена картинок. Как зациклить при нажатии? Aggao Общие вопросы Javascript 6 02.12.2014 16:38
Как сделать такую страницу mortido Элементы интерфейса 11 02.10.2014 07:20
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48