—»     —»   Адаптивный CSS3-слайдер без применения JavaScript
  Раздел: CSS/Style Sheets   Комментариев: 2  

Адаптивный CSS3-слайдер без применения JavaScript

Йен Хэнсон (Ian Hansson) - дизайнер/разработчик из Лондона - создал без применения javascript, лишь средствами CSS3 полнофункциональный адаптивный слайдер.

Он подобен javascript-слайдерам; поочерёдно отображает все фрагменты содержимого (реестра объектов), оставляя "за кадром" его излишки. Вывод на экран каждого следующего объекта задаётся «div»-элементом и предваряется анимированным сигналом во внутреннем поле. Для специализированной iOS-версии имеется дополнительный, применяемый по усмотрению пользователя javascript-"фиксатор", вообще, слайдер работает в современных браузерах хорошо.

P.S. Скачать его нельзя, выходите на него через окно "просмотра источника".

Адаптивный CSS3-слайдер без применения JavaScript

Совместимость: Все современные браузеры
Веб-сайт: http://csscience.com/responsiveslidercss3/
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 13986   |   Оставлено комментариев: 2
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 24 апреля 2012 @ 16:57
Написал: acelote — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
в файрфоксе не работает автосмена изображений.
А вообще, на мой взгляд самый лучший слайдер для адаптивного шаблона - camera, который вы выставляли недавно. Никаких проблем с ним не возникает и кода не очень много, всего лишь несколько килобайт. Пусть и работает на яваскриптах.
Комментарий #2: 23 марта 2018 @ 15:19
Написал: Александр — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Хороший слайдер, скажите пойдет ли он на сайте на обычном HTML? без PHP
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Декабрь 2022    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
262728293031