Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
refactor-chenge
0 / 0 / 9
Регистрация: 21.11.2017
Сообщений: 34
#1

Как сделать так, чтобы при добавлении класса active к последнему элементу в наборе, отсчет начинался сначала? - jQuery

13.01.2018, 00:50. Просмотров 132. Ответов 2
Метки нет (Все метки)

как можно при кликке начать отсчет сначала набора, когда доходит до последнего элемента, помогите пожалуйста!!!
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div class="b-carousel margin-top"> <!-- контейнер, в котором будет карусель -->
 
            <div class="b-carousel-button-left icon-arrow-left-circle"></div> <!-- левая кнопка -->
 
            <div class="h-carousel-wrapper"> <!-- видимая область карусели -->
                <div class="h-carousel-items"> <!-- весь набор элементов карусели -->
 
                    <div class="b-carousel-block active-img"> <!-- первый элемент карусели -->
                        <a href="#" class="a-carousel-image-link">
                            <img src="images/codecanyon.png" alt="" />
                        </a>
                    </div>
 
                    <div class="b-carousel-block">
                        <a href="#" class="a-carousel-image-link">
                            <img src="images/videohive.png" alt="" />
                        </a>
                    </div>
 
                    <div class="b-carousel-block">
                        <a href="#" class="a-carousel-image-link">
                            <img src="images/audiojungle.png" alt="" />
                        </a>
                    </div>
 
                    <div class="b-carousel-block">
                        <a href="#" class="a-carousel-image-link">
                            <img src="images/graphicriver.png" alt="" />
                        </a>
                    </div>
 
                    <div class="b-carousel-block"> <!-- последний элемент карусели -->
                        <a href="#" class="a-carousel-image-link">
                            <img src="images/photodune.png" alt="" />
                        </a>
                    </div>
 
                </div>
            </div>
            <div class="b-carousel-button-right icon-arrow-right-circle"></div> <!-- правая кнопка -->
        </div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){
    $('.b-carousel-button-right').click(function () {
        var selectedItem = $('.h-carousel-items').find('.active-img');
        selectedItem.removeClass('active-img');
        selectedItem.next().addClass('active-img');
    });
    $('.b-carousel-button-left').click(function () {
        var selectedItem = $('.h-carousel-items').find('.active-img');
        selectedItem.removeClass('active-img');
        selectedItem.prev().addClass('active-img');
    });
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.01.2018, 00:50
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Как сделать так, чтобы при добавлении класса active к последнему элементу в наборе, отсчет начинался сначала? (jQuery):

Как сделать так чтобы страничка при увеличения разрешения не двигалась в разные стороны, и как сделать чтобы при открытии в опере и в других браузерах
все обьекты на странице не двигались в разные стороны???

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

Как сделать, так чтобы появился текст, при нажатии на <option>
У меня есть вот такой код на странице add_auto.php, который уже находится в...

Как при активации чекбокса сделать так, чтобы текстареа удалялась?
Нужен простой пример с функцией яваскрипт. Существует текстареа и чекбокс...

Как с jq сделать так, чтобы при клики на div, включался radio?
Как с jq сделать так, чтобы при клики на div, включался radio?

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

2
sad67man
664 / 542 / 335
Регистрация: 23.08.2015
Сообщений: 1,326
13.01.2018, 20:56 #2
refactor-chenge,
Javascript
1
2
3
4
5
6
7
8
9
10
$('.b-carousel-button-right').click(function() {
  var $items = $('.b-carousel-block');
  var $selectedItem = $items.filter('.active-img');
  var $nextItem = $selectedItem.next();
  if (!$nextItem.length) {
    $nextItem = $items.first();
  }
  $selectedItem.removeClass('active-img');
  $nextItem.addClass('active-img');
});
1
refactor-chenge
0 / 0 / 9
Регистрация: 21.11.2017
Сообщений: 34
13.01.2018, 23:44  [ТС] #3
Спасибо большое!
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.01.2018, 23:44
Привет! Вот еще темы с решениями:

Как сделать так, чтобы при нажатии на поле выделялось его содержимое?
Я состряпал на сайте кнопку и поставил ниже её поле &lt;textarea&gt; c ссылкой и...

PopIn.js как сделать так, чтобы при нажатии на кнопку запускался этот файм
PopIn.js как сделать так, чтобы при нажатии на кнопку запускался этот файл,...

Как сделать при печати из браузера так, чтобы вврху небыло заголовка страницы и т.д.?
господа, подскажите, как сделать при печати из браузера так, чтобы вврху небыло...

Как сделать так, чтобы при наведении курсора мыши на ссылку сразу же появилось примечание?
Как сделать такой-же скрипт: при наведении курсора мыши на ссылку сразу же...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru