Домой / Для сайта / Слайдеры

Слайдеры

Полноэкранный слайдер изображений

Полноэкранный слайдер изображений

Очень простой полноэкранный слайдер который масштабируется под мобильные устройства. Слайдер адаптивный и занимает 100% ширину экрана. Он работает с CSS превращениями и изображениями которые завернутыми анкорами. Если не требуется связывание, то анкор можно заменить. С установленной максимальной шириной в 100% изображения для небольших экранов будут уменьшатся в размерах. HTML CSS JavaScript Источник урока: http://tympanus.net/codrops/2013/02/26/full-width-image-slider/ Перевел для сайта wordpress-club.com: Александр Овчаренко Читать далее »

Адаптивный контент слайдер

Адаптивный контент слайдер

Подвижный контент слайдер, который регулирует свою ширину и высоту в зависимости от размера окна браузера. Это наметка простого JQuery контент слайдера. Он имеет скользящую область контента, и навигацию  в нижней части как на вкладках. Это изменчивый слайдер, а это означает, что он будет регулироваться по ширине и высоте контейнера. Содержание контента станет прокручивать только если для него недостаточно места. Каждый элемент списка слайдов имеет соответствующий элемент ссылки в навигации. ... Читать далее »

Перетаскиваемое слайд-шоу в двух вариантах

Перетаскиваемое слайд-шоу в двух вариантах

Экспериментальное слайд-шоу, страницы которого можно перетаскивать мышкой и у которого есть два варианта просмотра: полноэкранный и режим маленькой карусели. В полноэкранном режиме связанное содержание может быть просмотрено. Сегодня мы хотели бы поделиться с вами экспериментальным слайд-шоу. Идея основана на великой концепции навигации с сайта Wild, где можно посмотреть проекты в полноэкранном режиме или в режиме карусели. Существуют различные методы, которые подошли бы для ... Читать далее »