слайдер без jQuery, слайдер изображений на чистом CSS
Создавайте красивые слайдеры изображений полностью на CSS. Никакого jQuery, никакого JavaScript, никаких значков изображений, никакого кода! Он невероятно быстрый, легкий, отзывчивый и готов к работе с сетчаткой. Работает на всех устройствах и браузерах. Доступны эффекты KenBurns, Slide, Fade, Zoom и некоторые плоские скины (скоро будет больше). Загрузите бесплатный генератор слайдеров для Windows и Mac прямо сейчас!
Скачать для Win Загрузить для Mac
Живые демонстрации
Забудьте об использовании JavaScript — этот слайдер изображений создан только с помощью CSS и HTML
Работает на всех устройствах и в современных браузерах, включая старые IE (с необязательным резервным js)
Плавная анимация с аппаратным ускорением работает намного лучше, чем jQuery, особенно на мобильных устройствах
Все ползунки имеют векторный шрифт значков, и они идеально подходят для дисплеев с высоким разрешением
Больше никаких тяжелых и медленных jQuery, содержащих тонны неиспользуемого кода
cssSlider не использует изображения для стилизации, поэтому цвет кожи можно легко изменить
Адаптивный слайдер изображений идеально вписывается в вашу страницу, независимо от размера экрана
Создайте свой слайдер за считанные секунды с помощью визуального конструктора
Не-jQuery Слайд-шоу?
Кажется, ползунки есть везде.
И, конечно, вы можете найти множество слайдеров изображений, которые позволяют вам показывать фотографии и изображения на вашем простом конструкторе веб-сайтов, но все они довольно просты, с теми же требованиями jQuery и Javascript. Зачем таскать с собой тяжелые и перегруженные библиотеки, когда все можно сделать с помощью понятного и легкого CSS?
cssSlider — это единственный слайдер на чистом CSS, который предлагает сочетание потрясающих эффектов CSS3, готовых скинов, иконочных шрифтов, полнофункциональных элементов управления навигацией и создания слайдера без программирования.
Впечатляющие переходы
В cssSlider реализованы удивительные переходы с аппаратным ускорением на чистом CSS3, которые впечатлят ваших пользователей и помогут сосредоточить их внимание на вашем сайте.
Красивые темы
Выберите скины, цвета и эффекты из удивительной коллекции, которая входит в комплект и готова к работе.
Чистый CSS
cssSlider полностью основан на CSS (не Flash, не jQuery, не Javascript), поэтому он будет работать в любом браузере без каких-либо дополнительных плагинов.
Mobile
cssSlider полностью совместим со всеми мобильными устройствами и будет работать так же хорошо на вашем iPhone, iPad, Android, как и на вашем домашнем компьютере.
Live Preview
Мгновенно просматривайте слайдер и любые изменения, которые вы делаете в области предварительного просмотра. Прежде чем выйти в эфир, убедитесь, что все идет именно так, как вы хотите!
Retina-ready
Стрелки ползунка назад/вперед и другие элементы управления имеют векторный шрифт значков, что делает их независимыми от разрешения и идеально подходят для дисплеев Retina.
Простота в использовании
Простота в использовании: вы просто назначаете различные скины, цвета и эффекты из библиотеки на свою карусель начальной загрузки. Абсолютно никаких знаний в области программирования не требуется. Вам не придется писать ни строчки кода!
Адаптивный дизайн
Пользователи не всегда посещают ваш сайт, не выходя из рабочего стола своего домашнего офиса.
Многие используют смартфоны, планшеты, ноутбуки или одно из других бесчисленных устройств. Этот мощный, отзывчивый слайдер галереи прекрасно масштабируется под любой размер экрана, гарантируя, что ваш сайт будет отлично выглядеть на любом устройстве!
Широкие возможности настройки
Запустите cssSlider maker в двух разных режимах конфигурации: базовом и расширенном. Выберите один из нескольких встроенных стилей макета, чтобы все было по-настоящему просто, или погрузитесь в редактирование конфигурации любым удобным для вас способом для полного контроля.
Автоматическая обрезка и изменение размера
Нет необходимости в отдельных программах для редактирования фотографий. cssSlider автоматически обрезает ваши изображения и изменяет их размер в соответствии с указанным вами размером!
Комбинации цветов
Каждый скин cssSlider поставляется с 6 готовыми к использованию цветовыми схемами, чтобы упростить выбор.
Перетаскивание
Благодаря конструктору веб-сайтов с функцией перетаскивания cssSlider не может быть проще в использовании! Добавляйте и удаляйте изображения, изменяйте порядок, встраивайте ползунки за считанные секунды.
Оптимизация для SEO
cssSlider создан с использованием простого HTML5. Он выглядит фантастически, и поисковые системы все еще могут эффективно его сканировать. Это позволяет вам одновременно радовать своих посетителей и поисковые системы!
Дополнительные функции слайд-шоу
Существует множество настроек, которые вы можете настроить, включая красивые эффекты перехода и красочные плоские скины, предыдущую/следующую навигацию, маркеры с миниатюрами, автовоспроизведение, паузу/стоп, полную ширину и другие параметры.
Легкий и совместимый
Молниеносная скорость загрузки страницы гарантирована, потому что она не замедляется из-за JavaScript, а также разработана в соответствии с самыми современными техническими стандартами, что делает ее сверхсовместимой.
Бесплатная загрузка для Windows и Mac
© 2019 cssSlider — Все права защищены.
Slider — Spectrum CSS
Направление
Версия Vars
| Статус компонента | Вклад |
|---|---|
2 мая 2023 г. | |
| Текущая версия | @spectrum-css/ [email protected] |
Веб-сайт Spectrum
GitHub
Стандартный
Вклад
Показать разметку
