Универсальный слайдер изображений для сайта

12 3
Владимир Коток
На сайте с 04.12.2011
Offline
133
480

Делал для себя. Делюсь с веб-разработчиками, ибо знаю, как иногда очень надо универсальное решение, чтобы вставил скрипт на любой сайт и работало.

Вот готовое решение в виде единого JS-фрагмента, который нужно вставить перед закрывающим тегом  </body> : (см. вложение)

Как использовать

  1. Скопируйте весь предоставленный код

  2. Вставьте его прямо перед закрывающим тегом  </body>  на вашем сайте

  3. Сохраните изменения и обновите страницу

Особенности решения

  • Поддерживает абсолютные, относительные и сложные URL изображений

  • Автоматически находит все изображения на странице

  • Работает с динамически добавляемым контентом

  • Имеет адаптивный дизайн для мобильных устройств

  • Включает навигацию с помощью клавиатуры и свайпов

  • Предоставляет возможность масштабирования изображений

  • Отображает счетчик текущего изображения

  • Имеет встроенный прелоадер для плавной загрузки

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


zip qt2bnkl_yu_jz1lv3dt.zip
🟢 Недорогое продление русских доменов — 199 руб/год — 👍 https://vladimir-kotok.ru/fe/
br.almighty
На сайте с 13.07.2021
Offline
111
#1
В гитхабе забанили что ли?
Владимир Коток
На сайте с 04.12.2011
Offline
133
#2
br.almighty #:
В гитхабе забанили что ли?

Да

big boy
На сайте с 18.11.2006
Offline
341
#3

Вечный вопрос - зачем?

Все современные фронтовые фреймворки поддерживают слайдеры из коробки. А вёрстка без фреймворка - это выстрел себе в ногу. Так что смысла нет в вашем скрипте.

✔ Как я генерирую статьи через ИИ, которые приносят трафик - https://webmasta.ru/blog/16-vkalyvayut-roboty-ne-chelovek-stati-s-pomoschyu-ii-kotorye-prinosyat-trafik
Genius Ideaing
На сайте с 12.02.2024
Offline
96
#4
big boy #:
без фреймворка

ну уперёд.. юзайте чужие программные библиотеки от хакеров... 

откуда вы знаете, что фреймворк безопасен? оупенсорс? ага.. это вы расскажите про наидырявейший WP...

хотя если кому то делать... то деньги в карман по итогам.. и ищите свищите.. 

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

профи пишут с минимум заимствований сторонних разработчиков...

повсюду умышленные и неявные backdoor-ы..

Дешёвый хостинг и домены: https://clck.ru/3FxXCa / Мощный хостинг: https://clck.ru/3DKmVu / Есть Идеи! Ищу хороших людей для реализации этих идей! Мой Telegram: https://clck.ru/396JFF
SA
На сайте с 12.04.2024
Offline
43
#5
big boy #:

Вечный вопрос - зачем?

Все современные фронтовые фреймворки поддерживают слайдеры из коробки. А вёрстка без фреймворка - это выстрел себе в ногу. Так что смысла нет в вашем скрипте.

И какие же это фраймворки, кроме бутстрапа? Которые прям из коробки, а не с помощью костылей?

MP
На сайте с 05.05.2025
Offline
13
#6
big boy #:
А вёрстка без фреймворка - это выстрел себе в ногу

Это трутон. Только нативка, только хардкор

MP
На сайте с 05.05.2025
Offline
13
#7
SeoA #:
И какие же это фраймворки, кроме бутстрапа? Которые прям из коробки, а не с помощью костылей?

Фреймворк юзают только фрилансеры или лентяи. Есть нормальные либы под разные задачи. Фреймворк так и переводится - рамки. Используя его вы автоматом загоняет себя в рамки.

Зачем тащить за собой кучу кода, которую используешь процентов на 40 если можно использовать либы, к примеру glider js или litebox? В серверной части, так же на гитхабе множество отличных библиотек для роутинга, работы с куками, кэшем, шаблонизаторы

big boy
На сайте с 18.11.2006
Offline
341
#8
Genius Ideaing #:
ну уперёд.. юзайте чужие программные библиотеки от хакеров...
bootstrap... uikit... от хакеров, да. иногда лучше разобраться в теме, прежде чем такие смешные комменты оставлять )))
P
На сайте с 26.04.2010
Offline
411
#9
big boy #:
хоспади, обожаю комменты от челиков, которые о разработке знают лишь то, что там надо на кнопки нажимать.... куда форум скатился.

Так нету ничего нормального, кроме бутстрапа. А он имеет свои ограничения. Поэтому фронт часто самопис. CSS+JS = сделать можно что угодно. Учить особо ничего не надо. 

big boy
На сайте с 18.11.2006
Offline
341
#10
Какие ограничения? Любые ограничения обходятся своими правилами, но это минимум случаев.
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий