Главная » Каталог » Слайдеры и слайдшоу » Слайдер изображений на CSS с кнопками навигации

Слайдеры и слайдшоу

Слайдер изображений на CSS с кнопками навигации



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

Обсуждение материала:
Комментариев: 0
avatar

Другие материалы:

    Lightcase.js - респонсивный Lightbox на основе jQuery и SASS

    13.12.2016

    Lightcase.js представляет собой мощный и гибкий плагин Lightbox для настольных компьютеров и мобильных устройств. Он использует CSS3 переходы, работает со сторонними ресурсами, поддерживает различные типы устройств, а также все современные браузеры, такие как Google Chrome, Mozilla Firefox, Opera, Internet Explorer 9+ и многие другие.

    Комментарии: 0   Просмотры: 366

    Responsive jQuery Content Slider - полностью адаптивный слайдер с массой возможностей

    25.09.2016

    Почему я должен пользоваться именно этим слайдером? - Полностью респонсивный - будет подстраиваться под любое устройство - Горизонтальная, вертикальная прокрутка слайдов, затухание - Слайды могут содержать изображение, видео, HTML-контент - Поддержка сенсорного управления, встроенный swipe-суппорт - Использует CSS-переходы для слайд-анимации (родное аппаратное ускорение!) - Полный обратный вызов API и публичные методы - Небольшой размер файла, полностью опирающийся на определённую тему, прост в реализации - Поддержка браузеров: Firefox, Chrome, Safari, IOS, Android, IE7 + - Тонны конфигурационных опций

    Комментарии: 0   Просмотры: 414

    ResponsiveSlides.js - простой и легкий плагин респонсивного слайдера

    25.09.2016

    ResponsiveSlides.js - крошечный плагин jQuery, позволяющий создать респонсивный слайдер с помощью элементов внутри контейнера. Используется на таких сайтах, как Microsoft's Build 2012 и Gridset App. Работает в широком диапазоне браузеров, включая все версии IE от IE6 и выше. Зависим лишь от jQuery (поддерживается версия от 1.6 и выше) и особенностью является одинаковый размер всех изображений.

    Комментарии: 0   Просмотры: 281

Теги материала

Хостинг от uCoz