Приветствуем тебя, дизайнер, на сайте theps.3dn.ru! Профессионал ты или начинающий, не важно. Главное — мы стали отличным местом для поселения и тех и других. Хочешь поделиться своими творениями с другими? Не вопрос. У нас ты встретишь самые адекватные оценки твоего творчества, получишь не мало хороших советов, обретешь множество общительных друзей и много чему научишься новому. Если ты устал от работы, то и в этом мы тебе поможем! На нашем сайте есть отличный кинотеатр. И небольшая коллекция онлайн игр.
Цифровой дизайн похож на живопись, только краски никогда не сохнут ©Neville Brody
Скрипты
Простой адаптивный слайдер
Простой адаптивный слайдер
/images/no_screen.png
  • Просмотров: 413
  • Скачиваний: 0
  • Комментариев: 0
  • Добавлено: 25.11.24, Пн
  • CSIL

В head подключаем скрипты и стили:
Код
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script> $(document).ready(function(){ $('.bxslider').bxSlider(); }); </script>

Между BODY:
Код
<div class="bxslider">
<div><img src="https://theps.3dn.ru/_ld/1/26697013.png" title="theps.3dn.ru"></div>
<div><img src="https://theps.3dn.ru/_ld/0/81892127.png" title="theps.3dn.ru"></div>
<div><img src="https://theps.3dn.ru/_ld/0/28634780.png" title="theps.3dn.ru"></div>
</div>

Где хотим видеть слайдер:
Код
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script> $(document).ready(function(){ $('.bxslider').bxSlider(); }); </script>
</head>
<body>
<div class="slider">
<div>I am a slide.</div>
<div>I am another slide.</div>
</div>
</body>
</html>

  • Хочу скачать
  • Спасибо: +1
  • Сообщить о битой ссылке
  • 0 Mb

  Теги: Слайдер, Простой, Адаптивный   Источник: https://theps.3dn.ru
Всего комментариев: 0
Войдите:
avatar
Форма входа
Навигация
Шаблоны
Скрипты
Иконки для форума
Иконки для групп
Новое в кинотеатре
Чёрный Адам (2022)
Фантастические твари: Тайны Дамблдора
Смотреть онлайн или скачать фильм King’s Man: Начало (2021)
Смотреть онлайн или скачать фильм Вечные (2021)
фильм Угнать или продать
фильм Звонок из прошлого (2020)
фильм Криминальные боссы
фильм Смертельная гонка
фильм Полночное небо
Мы в социальных сетях
Чат
У нас скачивают
31.10.12, Ср
PSD аватар для группы вк на тему cs 1.6
30.09.14, Вт
Штриховка, сетка, полоски, круги
16.09.12, Вс
Мега пак Градиентов для фотошопа
27.06.13, Чт
Темная подпись с футболистом psd
27.09.12, Чт
PSD шапка на тему CS:GO
Последние новости
Статистика
Не пропусти
cskontra.at.ua Место свободно! Место свободно!
Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Используются технологии uCoz | sitemap.xml | rss | Copyright © 2012 - 2024 «theps.3dn.ru»