Перейти к содержимому


Помогите сделать слайдер


В теме одно сообщение

#1 Fizalis

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений
Репутация: 0

Отправлено 19 Февраль 2016 - 19:24

Отображение номера слайда и их общего количество, помогите сделать.
webdesignandsuch.com/posts/fancymoves/

#2 Newcoder

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений
Репутация: 0

Отправлено 21 Февраль 2016 - 09:52

После
<div class="mb-controls">
Вставить
<div id="num"></div><div id="nums"></div>
Добавить в скрипт, для определения кол-ва слайдов
$('#nums').text($('#slider-one .mb-panel').length);
Для определения текущего слайда:
var num = $('#num');
	var i = $('#slider-one .mb-panel').filter(function(index) {
		if ($(this).css('font-size') == '16px') {
			return index;					  
		}
	}).index();
	num.text(i);
Или номер текущего слайда определить так:
var num = $('#num');
var i = $('#slider-one div.mb-panel[style*=1em]').index();
num.text(i);
Но лучше всего добавить активному слайду класс, например active, тогда проще искать индекс элемента активного.





Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных