0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 784 Просмотров
*

timofe

  • Захожу иногда
  • 149
  • 0 / 0
  • alex tim.
Всем привет!

Кто знает, как добавить нумерацию слайдов типа - 1/5 (один из пяти слайдов.)??

Сам сайт со слайдером - https://otrada-stroy.ru/

Спасибо!
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Вывод нумерации слайдера Flexslider
« Ответ #1 : 25.04.2021, 08:36:15 »
Ниже слайдов ?
Писать код, в список добавить нумерацию, а яваскриптом считывать видимого элемента списка.
*

sivers

  • Живу я здесь
  • 2536
  • 348 / 0
Re: Вывод нумерации слайдера Flexslider
« Ответ #2 : 25.04.2021, 08:48:15 »
как добавить нумерацию
Еше можно прикрутить стилями. Если вывести слайдер с навигационными точками (в функционале слайдера такое есть), а их уже достилить счетчиком:
_http://htmlbook.ru/css/counter-increment

Хотя нет. Это ж не будет 2/5. Привязывать надо к самим слайдам.
« Последнее редактирование: 25.04.2021, 08:51:50 от sivers »
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

timofe

  • Захожу иногда
  • 149
  • 0 / 0
  • alex tim.
Re: Вывод нумерации слайдера Flexslider
« Ответ #3 : 25.04.2021, 12:07:13 »
Еше можно прикрутить стилями. Если вывести слайдер с навигационными точками (в функционале слайдера такое есть), а их уже достилить счетчиком:
_http://htmlbook.ru/css/counter-increment

Хотя нет. Это ж не будет 2/5. Привязывать надо к самим слайдам.

В общем у меня ПОЧТИ получилось...

Вот такая стилевая конструкция:

--
.sl_list {counter-reset: sl_num;}
.sl_list .sl_num {counter-increment: sl_num; margin: 0;}
.sl_list::after {display: block; content: "/ " counter(sl_num); position: fixed; top: auto; left: auto; margin: 45.75vw 0 0 79.75vw; color: #fff; font-size: 175%; z-index: 5;}

.sl_lists {counter-reset: sl_nums;}
.sl_lists .sl_nums {display: block;}
.sl_lists .sl_nums:after {content: counters(sl_nums, "."); counter-increment: sl_nums;  position: absolute; margin: -6vw 0 0 78vw; color: #fff; font-size: 300%; z-index: 5;}
--

Выводятся номера слайдов и их количество

Но остались две проблемы:
1. Количество слайдов выводится только у первого слайда(...
2. Цифры перелистываются вместе со слайдом. А хотелось бы чтобы они оставались на месте. position: fixed  - не помогает...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывод модуля средствами php с привязкой к пунтам меню

Автор Divn

Ответов: 4
Просмотров: 2030
Последний ответ 29.08.2021, 17:02:04
от Divn
Цикличный вывод материалов

Автор loop69

Ответов: 7
Просмотров: 1035
Последний ответ 07.12.2019, 19:00:57
от loop69
Модальное окно вывод в product, косяк

Автор Zlusya

Ответов: 6
Просмотров: 897
Последний ответ 21.11.2019, 09:24:02
от Zlusya
Как в компоненте JEvents настроить вывод многодневных событий?

Автор sergspb

Ответов: 0
Просмотров: 742
Последний ответ 18.11.2019, 13:26:37
от sergspb
Авто-вывод атрибутов в Extended Filter

Автор Denysoshelenko

Ответов: 0
Просмотров: 987
Последний ответ 02.03.2019, 21:11:57
от Denysoshelenko