Royal Slider — простая в использовании галерея изображений jQuery и плагин для слайдера контента с анимированными надписями, отзывчивой компоновкой и сенсорной поддержкой мобильных устройств. В качестве навигации вы можете использовать миниатюры, вкладки или патроны. Используйте его как слайдер изображения, слайд-шоу, слайдер HTML-контента, галерею, ротатор баннера, видео-галерею, карусель или даже презентацию. Разработанные в лучших примерах HTML5, переходы CSS3 используются для всех анимаций (с резервным копированием).
v9.5.7, см. changelog | Форум поддержки | Плагин WordPress
Royal Slider ориентирован на производительность, доступность, стабильность и лучший опыт для пользователей с любого устройства. В нем нет десятка фантастических эффектов перехода но он набирает так, что он работает так же быстро и плавно, как позволяет технология текущего дня. Скриптовая модульная архитектура позволяет вам исключать части, которые вам не нужны из основного файла JS, чтобы оптимизировать его еще больше.
Плагин используется ведущими агентствами и брендами по всему миру, просматривает список примеров использования в реальном мире на демонстрационном сайте .
Особенности RoyalSlider
Просмотрите обзор плагина DailyJS если у вас есть вопросы о качестве кода или посетите сайт RoyalSlider для полного списка функций.
- Поддержка сенсорной навигации для iOS (все версии), Android 2.3+, IE10, IE11, Blackberry и других ОС и браузеров, поддерживающих события касания или указателя.
- Абсолютно любой контент HTML в каждом слайде и каждый миниатюра (или вкладка).
- Умная ленивая загрузка — загружает близлежащие изображения в фоновом режиме, поэтому пользователям не нужно ждать каждый раз, и изображения доступны мгновенно. Вы можете установить, сколько изображений нужно предварительно загружать в опциях. Может быть отключен.
- Супер гладкие аппаратные ускоренные переходы CSS3 .
- Полноэкранная функция с поддержкой полноэкранного режима на основе . Идеально подходит для фотогалереи, где вы хотите показать фотографию высокого разрешения.
- Управление памятью — содержит только несколько слайдов в списке отображения.
- Видеоролики YouTube и Vimeo в слайдах.
- Глубокая ссылка — ссылка на конкретный слайд с URL.
- Регулируемая скорость, переход и ослабление для каждой надписи или слайда.
- Статический контент для каждого слайда разрешен. Посмотреть демо со статическим контентом .
- Анимированные подписи HTML с пользовательскими эффектами (выцветание, перемещение вверх, движение вправо …).
- Перемещение или переход к исчезновению для слайдов.
- Все стартовые шаблоны реагируют на мобильные. Миниатюры и слайды могут быть динамически изменены.
- Слайды со скоростью прокрутки.
- Возможность удалять перетаскивание с помощью мыши.
- Оптимизация и семантизация SEO оптимизированы, изображения индексируются, полностью любые имена тегов для разметки, титры могут использовать любой тег, который вы хотите («h1», «h2», «p» …).
- Автоматическое слайд-шоу с дополнительной паузой при наведении.
- Публичные методы, свойства и обратные вызовы (переход на слайд, воспроизведение слайд-шоу e.t.c.). Включает методы для динамически добавлять или удалять слайды .
- Установите начальный индекс слайдов и расстояние между слайдами.
- Ползунок можно поместить в сценарий лайтбокса, например Magnific Popup . Просмотреть слайдер в примере лайтбокса .
- Может быть легко загружен с использованием ajax, имеет метод destroy ().
- Настраиваемый интерфейс (добавить / удалить стрелки, пули).
- Эскизы Вкладки или пули для навигации.
- Физический сенсорный эскиз изображения скроллер, который может быть размещен в любом месте на странице и содержимое любого содержимого HTML внутри.
- Эскизы могут быть расположены вертикально или горизонтально и могут быть изменены отдельно от ползунка.
- Несколько слайдеров разрешены на одной странице.
- Пользовательский режим масштабирования для изображений — вписывается в область, вписывается в область, только если изображение меньше, заполняет область.
- Совместимость со всеми основными браузерами (включая IE7 для IE9, Chrome, Firefox, Safari и Opera)
- Файлы (.psd) для Photoshop (.psd).
- Любой контент HTML может быть помещен внутри слайда.
- Расширенная документация HTML.
- Вы можете задать вопрос на форуме поддержки о внедрении, обратите внимание, что поддержка не включает службу установки или настройки.
- Обновления бесплатны навсегда.
Использование в реальном мире:
Все конструкции слайдера, перечисленные здесь, специально разработаны и защищены авторскими правами их авторов. Список включает слайд-шоу, созданные как по версии HTML, так и по версии WordPress Royal Slider.
- Art School Vets — отличный пример использования пользовательского шрифта в заголовке.
- Oxford Summerfuel — более простые, но аккуратные слайд-шоу с текстом в миниатюрах.
- Г-н Портер — домашняя страница карусели на веб-сайте электронной коммерции.
- NYC.gov — домашняя новостная карусель.
- Oak Design Studio — полноэкранный слайдер для демонстрации студийных проектов.
- Silk Tricky — мини-галереи с пользовательским CSS-анимированным контентом внутри.
- Multiplayer.it — сразу видно 3 изображения.
- Пеп Карстен — красивая фотография, 100% ширина и высота окна.
- Caiphotography.co.uk — красивый внешний вид с близлежащими изображениями.
- Студия дизайна Entrakt — отличный пример использования переходов CSS для добавления дополнительных слоев анимации для элементов в слайдере.
- Mappeditions.com — полная ширина галереи.
- Foursonsinteriors.com — отличный пример использования анимированных блоков.
- World Of Bessy.com — электронная коммерция, используемая в качестве промо-сайта и как слайдер продукта.
- ibrowsergame.it — простой, но функциональный пример с эскизами на правой стороне.
- Diesel VECTR headphones campaign полноэкранная галерея.
- Орифлеймская кампания (Восточная Европа) — горячие точки в слайдере.
- Ральф Лорен — домашняя промо-галерея.
- Галерея Instagram в цифровом журнале Bon Appetit (iOS) (выпуск в августе 2013 года) и в Wired (май 2013 года и далее).
- Userbra.in — просто слайд-шоу с анимированными блоками на сайте дизайн-студии, которая делает отличные приложения.
- Honda CRV campaign
- TEDx Copenhagen
- Кампания Peugeot 508 RXH
- learningsuccessinstitute.com
- goeasycloud.com
- angrengot.com
- festival2013.lesinrocks.com/
- www.indcsn.com
Если вы хотите, чтобы сайт был указан здесь, пожалуйста, напишите мне .
Посмотреть демонстрацию слайдера на мобильном устройстве
Что говорят покупатели:
«Мы используем Royalslider для сайта нашей игры iPhone / iPad Gluddle. Мы очень впечатлены возможностями, которые предлагает этот плагин, и мы очень этому довольны, так как наш сайт отлично смотрится на всех устройствах iOS, а также в обычных браузерах. Отличная функциональность и очень стабильный плагин! »
-creativeheroes.nl
«Я использую версию stand-alonge на моем портфолио для полнотекстовых слайд-шоу на моих тематических исследованиях. Один из лучших и наиболее хорошо документированных плагинов, которые я когда-либо использовал ».
-ahrengot
«Фантастический слайдер. Очень проста в использовании и стиле. Я начал использовать anythingslider, и мне было очень сложно все, что я хотел. Этот слайдер делает все это легко ».
-gwhite83
«Ничего себе, я люблю этот слайдер. Я новичок в кодировании, и это приложение хорошо документировано и легко реализуется по сравнению с другими продуктами. Великая работа ».
-mrdav1
Вы можете найти больше отзывов от реальных покупателей в странице комментариев .
Изображения в предварительном просмотре: notsogoodphotography Gilderic Photography Застреваю в таможне и лицензии на лицензию для Википедии.
Изображения не включены в покупку.