Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 19.12.2012
Сообщений: 26

Слайдер js (Маркеры)

21.06.2013, 00:20. Показов 1281. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!
Есть слайдер с 10 картинками внутри, есть код, который выводит маркеры,
10 картинок = 10 маркеров
Выводится так: 1 2 3 4 5 6 7 8 9 10
А надо чтобы выводилось так: 1 из 10 / 2 из 10 и т. д
Подскажите пожалуйста, как сделать?
JavaScript
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
42
43
44
45
46
        
var conf_markers = function() {
 
            // create a wrapper for our markers
            $m_wrapper = $('<ol class="bjqs-markers"></ol>');
 
            // for every slide, create a marker
            $.each($slides, function(key, slide){
 
                var slidenum    = key + 1,
                    gotoslide   = key + 1;
                
                if(settings.animtype === 'slide'){
                    // + 2 to account for clones
                    gotoslide = key + 2;
                }
 
                var marker = $('<li><a href="#">'+ slidenum +'</a></li>');
 
                // set the first marker to be active
                if(slidenum === state.currentslide){ marker.addClass('active-marker'); }
 
                // bind the click event
                marker.on('click','a',function(e){
                    e.preventDefault();
                    if(!state.animating && state.currentslide !== gotoslide){
                        go(false,gotoslide);
                    }
                });
 
                // add the marker to the wrapper
                marker.appendTo($m_wrapper);
 
            });
 
            $m_wrapper.appendTo($wrapper);
            $m_markers = $m_wrapper.find('li');
 
            // center the markers
            if (settings.centermarkers) {
                $m_wrapper.addClass('h-centered');
                var offset = (settings.width - $m_wrapper.width()) / 2;
                $m_wrapper.css('left', offset);
            }
 
        };
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
21.06.2013, 00:20
Ответы с готовыми решениями:

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

Маркеры
Для каждого места нужно установить свою иконку. Где это надо менять? Куда смотреть? &lt;script&gt; $(function () { ...

маркеры
как поставить маркер таким образом, после слова? У меня данный маркер появляется перед словом организатор.

1
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
21.06.2013, 17:32
JavaScript
1
var marker = $('<li><a href="#">'+ slidenum +'</a></li>');
заменить на
JavaScript
1
var marker = $('<li><a href="#">'+ slidenum +' из ' + slides.lenght + '</a></li>');
Из кода не совсем понятно в каком массиве хранятся слайды. Я предположит что это slides. Если другой - измените.
Либо используйте выборку прямо на месте: $('.slide').length - Этот метод вернет количество элементов с классом slide.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.06.2013, 17:32
Помогаю со студенческими работами здесь

Метки (маркеры)
Объясните кто нибудь как создавать метки на строках чтобы можно было переходить через оператор goto??

Gmap маркеры
Привет всем! У меня возникла одна маленькая проблема и вторая большая проблема которую не знаю как решить. Всё работает отлично, но...

Маркеры на графике..
Объясните пожалуйста как на графике функции, точки, соответствующие нулевым и единичным значениям функции, пометить маркерами.. Знаю...

Маркеры в eclipse
Здравствуйте. Я использую среду eclipse. Чтобы не чего не забыть и быстро найти нужные переменные - методы в огромном коде необходимо чем...

Маркеры строки
Всем привет, нужна помощь, как сделать маркеры строки цыфрами? пример: 1. 2. и тд, в action этого нету тока bullets ...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru