Полноэкранный помощник: плагин jQuery
Кроссбраузерные полноэкранные HTML-элементы (с поддержкой jQuery).
Элемент Instagram: Плагин Instagram для jQuery
Instagram Element — это премиальный плагин Instagram для блоггеров, фотографов, моделей и всех, кто хочет увеличить свое присутствие в Instagram. Основанная на популярном плагине Instagram Journal, эта версия плагина jQuery позволяет легко управлять более чем 50 гибкими параметрами и создавать идеальное отображение всего за несколько кликов. Кроме того, его мобильный адаптивный дизайн позволяет красиво демонстрировать фотографии на любом устройстве!
InfinitySlider — слайдер jQuery с анимацией CSS3
Современный, настраиваемый, чистый, плавный и отзывчивый. Адаптивные эффекты по умолчанию и полностью совместимы с настольным компьютером, ноутбуком, планшетом, смартфоном, Firefox, Chrome, Opera, Safari и Internet Explorer. Image Autofit — это потрясающая функция, которая позволяет автоматически реагировать на ваши изображения, обрезая их края и изменяя их размеры. чтобы сохранить высокое разрешение на каждом устройстве и создать потрясающий слайдер для настольных компьютеров и мобильных устройств. Возможности:
- Супер-жидкие эффекты и переходы CSS3 на настольных и мобильных устройствах
- Вы можете выбрать время IN/OUT/BACK для каждого элемента.
- Поддерживается содержимое HTML и CSS, вы можете добавлять тексты, изображения, видео, холст, таблицы цен и все, что хотите.
- Полная поддержка встраивания видео в полноэкранном режиме или в штучной упаковке
- API Youtube и Vimeo, который останавливает видео, если вы меняете слайд
- Автоподгонка изображения, позволяющая выбрать положение объекта на изображениях.
- Кинематографический эффект, позволяющий сделать анимацию-движение изображений
- Эффект размытия, позволяющий сделать изображение автоматически размытым из обычного.
- Полная кроссбраузерная совместимость
- Bootstrap 3 интегрирован, поэтому вы можете использовать все элементы Bootstrap внутри слайда
- Легко интегрируется с другими фреймворками
- Интегрированный шрифт Awesome 4
- Полностью отзывчивый
- Play & Stop с загрузчиком слайдов
- Автовоспроизведение, вы можете активировать его, чтобы запустить слайд при открытии страницы.
- Клавиатурная навигация
CMD Bomsect — стили полноэкранного накладываемого меню jQuery
CMD Bomsect — стили полноэкранного оверлейного меню — простая в использовании кросс-браузерная и мобильная анимация полноэкранного меню. Меню легко установить и изменить, файл содержит 12 различных анимаций и 5 дополнительных цветов фона.
Real 3D FlipBook — адаптивный плагин WordPress
- Самая реалистичная бумажная анимация
- настоящее 3D — свет, тени, изгиб страниц
- прост в использовании и настройке
- адаптивный дизайн — размер книги изменяется, чтобы соответствовать ширине или высоте экрана в зависимости от макета, миниатюры располагаются горизонтально или вертикально в зависимости от макета
- оптимизировано для мобильных устройств — внешний вид нативного мобильного приложения с сенсорным смахиванием, масштабированием и т. д.
- для запуска Flash Player не требуется
- умная загрузка страниц — загружаются только текущие страницы
- выбор между 3 типами флип-анимации — webgl реалистичная 3d, jquery 2d или CSS3 3d флип-анимация; настраиваемая скорость анимации и тип перехода.
- показать все страницы – эскизы
- оглавление - настраиваемое
- расширенная поддержка масштабирования с масштабированием колесиком мыши на рабочем столе, масштабированием на мобильных устройствах, полосами прокрутки при масштабировании, касанием, щелчком и перетаскиванием
- кнопки увеличения и уменьшения
- поддержка реального полноэкранного режима - если браузер не поддерживает полноэкранный режим, значок не будет отображаться в меню, если полноэкранный режим поддерживается, книга будет развернута в реальном полноэкранном режиме, а не в полноэкранном режиме браузера.
- значки, удобные для сетчатки глаза — шрифт значков, используемый для значков меню, полностью настраиваемый — изменение цвета, размера, добавление тени и т. д.
- настраиваемое меню — используйте только те значки, которые вам нужны
- социальные сети – facebook, twitter, google plus. связанный
- 3 скина включены, настраиваемые скины через CSS
- 10 фоновых рисунков включены
Полноэкранные эффекты наложения с помощью CSS3 и JavaScript
Некоторые простые и креативные стили и эффекты наложения. От перемещения наложения в окно просмотра до использования трансформирующихся фигур SVG — мы исследуем некоторые эффекты для полноэкранных наложений. Особенность этих оверлеев в том, что они не имеют фиксированного размера, как модальные окна, а занимают весь экран, поэтому при создании эффектов нужно это учитывать и не переусердствовать. Но это не значит, что мы не можем сойти с ума и использовать какие-то свежие и интересные эффекты, например, морфинг SVG-фигур.
Полноэкранный фоновый слайдер – слайд-шоу jQuery
Плагин, использующий последние переходы CSS3 с некоторыми jQuery для отображения действительно уникального слайд-шоу галереи на фоне вашего сайта. 20 типов анимации, более 20 паттернов и настраиваемое время могут стать замечательным инструментом для создания отличных веб-сайтов, целевых страниц и сайтов, которые скоро появятся в продаже.Возможности:
- Отзывчивый, удобный для мобильных устройств
- 20 анимационных эффектов
- Облегченный javascript (~14 КБ), использующий переходы CSS3
- Совместимость со всеми основными браузерами
- 20 встроенных шаблонов
- Настраиваемое время анимации
- методы init(), destroy(), updatepattern()
- Анимация jQuery в старых браузерах
YoutubeTV : пользователь jQuery YouTube / проигрыватель плейлистов
Небольшой, удобный, независимый от библиотеки проигрыватель YouTube User/Playlist. Возможности:
- Независимая библиотека
- Настраивается через CSS
- Автовоспроизведение
- Удалить YouTube Chrome
- Поддерживает плейлисты и пользователей
- Поддержка jQuery
- Поддержка модуля
Демо:
- Параметры проигрывателя по умолчанию
- Бесхромный плеер
- Поддержка плейлистов
- Полноэкранный проигрыватель (подходит для сайта .tv?)
- Поддержка jQuery
Полноэкранный редактор jQuery
Легкий плагин jQuery, который украшает и преобразует текстовые поля в полноэкранные текстовые редакторы с двумя различными вариантами перехода.
Следующий: jQuery Blazing Fast FullScreen Slider
Слайдер Nex — это молниеносно быстрый полноэкранный слайдер, оптимизированный для максимальной производительности и совместимый со всеми платформами. Он позволяет вставлять изображения, видео и даже карты Google в один и тот же слайдер. Его скорость основана на том факте, что он основан на библиотеке Animo, которая реализует пользовательские функции современных браузеров, такие как «requestAnimationFrame» и «Gpu Acceleration». Возможности:
- Настраиваемый внешний вид слайдера
- Оптимизированная скорость
- Сенсорная поддержка
- Поддержка клавиатуры
- Поддержка шаблонов
- SEO дружественный
- 10 типов эффектов:
- Тускнеть
- Слайд слева
- Слайд справа
- Слайд сверху
- Слайд снизу
- Увеличить
- перекос
- Повернуть
- Случайный
- Никто
- 5 предустановленных цветовых тем: аметистовая, коралловая, солнечная, бирюзовая и стандартная.
- Поддержка фильтров изображения: яркость, контрастность, оттенки серого, поворот оттенка, насыщенность, сепия. (Обратите внимание, что на данный момент они работают только под хромом, оперой и сафари)
- Различные типы контента: изображение, видео, карта
- Настраиваемый стиль карты: ДОРОЖНАЯ КАРТА, СПУТНИК, ГИБРИД, ТЕРРЕЙН
- Настраиваемые карты: масштабирование, отображение информационного окна или его скрытие.
Strapslide: jQuery адаптивный плагин слайдера Bootstrap
Strapslide — это превосходный плагин Bootstrap Slider, предлагающий возможность показывать изображения, видео и подписи в сочетании с простыми, современными и причудливыми 3D-переходами. Что еще более важно, он полностью адаптивен, оптимизирован для мобильных устройств и может принимать любые размеры.Особенности:
- jQuery 1.7 – поддерживается jQuery 2.x
- На основе бутстрапа
- Библиотека переходов CSS3
- Сенсорный экран включен
- Отзывчивый
- Пауза при наведении
- Динамическая пагинация
- Клавиатурная навигация
- Поддержка HTML5 для воспроизведения видео с собственного хостинга
- Анимация каждого элемента Caption
- Мощные переходы CSS с jQuery FallBack
- Адаптируется к промежуткам Bootstrap
- Установите полноэкранные видео YouTube и Vimeo
dragend JS: плагин jQuery для просмотра содержимого
dragend JS — это плагин для jQuery. Он с открытым исходным кодом и использует Hammer.js для наблюдения за мультитач-жестами. Функции:
- горизонтальное и вертикальное смахивание
- мобильные и десктоп готовые
- легкий (1,55 КБ в сжатом виде)
- навигация с помощью клавиатуры
- полноэкранный или коробочный
- спорить с писцом
- регулировка размера
- прокрутка
Плагин навигации по слайдам Horizon jQuery
Horizon Menu — это специальный плагин jQuery, с помощью которого вы можете создавать собственные меню, которые красиво скользят в вашем веб-браузере. Он адаптивный, то есть в первую очередь мобильный. Пользовательский интерфейс мобильных устройств и планшетов является полноэкранным, что означает удобство и простоту навигации. Функции:
- IE8+ совместимый
- Полная поддержка браузера
- Кросс-совместимое устройство готово
- 120+ полностью масштабируемых шрифтов для иконок
- 6 тем с возможностью создания собственных
- Поддержка анимации CSS3 с откатом IE
- Разместите меню в левой или правой части браузера.
- Столько пунктов меню и подменю, сколько вы пожелаете
- Входящая и исходящая анимация полностью поддерживаются
- Полноэкранный режим для мультимедиа с размерами окна
- Совместимость с ПК, мобильными телефонами и планшетами
Полноэкранный макет с переходами страниц с помощью jQuery и CSS3
Сегодня мы хотели бы поделиться с вами экспериментальным адаптивным макетом. Первоначально макет показывает четыре гибких поля. При нажатии на поле оно разворачивается в полноэкранный режим, а другие уменьшаются и исчезают. При закрытии текущего вида он вернется в исходное положение, в то время как другие поля снова вернутся. Другой тип перехода страницы можно увидеть в разделе работ, где мы покажем элемент портфолио, сдвинув панель снизу. Текущий вид уменьшается и исчезает сзади. Все эффекты выполняются с помощью переходов CSS и контролируются применением классов с помощью JavaScript. Весь макет является гибким, и некоторые медиа-запросы добавляются для уменьшения размера для небольших экранов.
Фоновое слайд-шоу с jQuery и CSS3
Простое полноэкранное фоновое слайд-шоу на jquery и css3 с автоматическим воспроизведением и элементами управления для навигации и паузы.
jquery fitpic.js: идеальное растягивание изображений
Идеально растягивайте изображения для полноэкранного режима с помощью jQuery-плагина fitpic js.
3D FlipBook — адаптивный плагин jQuery
Адаптивный дизайн — размер книги изменяется, чтобы соответствовать ширине или высоте экрана в зависимости от макета, миниатюры располагаются горизонтально или вертикально в зависимости от макета. Функции:
- оптимизировано для мобильных устройств — внешний вид нативного мобильного приложения с сенсорным смахиванием, масштабированием и т. д.
- прост в использовании и настройке — создайте книгу и измените настройки книги в xml. Изменить стиль в css
- не нужен Flash Player - работает везде
- выбор между 2 типами флип-анимации — 2D или 3D-флип-анимация, настраиваемая скорость анимации и тип перехода
- показать все страницы — вертикальные или горизонтальные миниатюры в зависимости от макета, с полосой прокрутки, оптимизированной для мобильных устройств
- расширенная поддержка масштабирования с масштабированием колесиком мыши на рабочем столе, масштабированием на мобильных устройствах, полосами прокрутки при масштабировании, касанием, щелчком и перетаскиванием
- поддержка реального полноэкранного режима - если браузер не поддерживает полноэкранный режим, значок не будет отображаться в меню, если полноэкранный режим поддерживается, книга будет развернута в реальном полноэкранном режиме, а не в полноэкранном режиме браузера.
- 2 комплекта иокнов в комплекте — светлый и темный
Расширение эффекта наложения с помощью CSS clip и jQuery
Учебник о том, как создать простой расширяющийся эффект наложения, используя свойство клипа CSS и переходы CSS. В этом уроке мы хотим немного больше изучить практическую сторону этого. Мы собираемся создать аккуратный и простой эффект для отображения дополнительного контента и расширения полноэкранного оверлея. Мы хотим показать, как использовать свойство CSS clip для плавного перехода при нажатии на элемент блока. Идея состоит в том, чтобы показать какое-то наложение, как будто оно на самом деле находится под соответствующим элементом. Щелчок по элементу создаст эффект вырезания, открывая другой слой, который будет расширяться.
Простая полноэкранная галерея изображений jQuery
Полноэкранная галерея изображений, созданная с помощью jQuery и CSS. В галерее представлены полноэкранные изображения в различных режимах и настраиваемый скрипт прокрутки миниатюр.
Полноэкранная адаптивная лайтбокс-галерея jQuery
Это красивый полностраничный плагин Jquery Lightbox. Это отлично подходит для фотографов и идеально подходит для любого дизайнера, чтобы продемонстрировать свою работу, и это очень надежно. Он работает в современных браузерах и легко управляется. Этот Jquery представляет собой полностью адаптивную галерею и настраивается на всех экранах, даже на вашем смартфоне! Вы можете добавить элементы DIV и настроить погружение с помощью CSS. Он имеет уникальный и новый дизайн с ретро-прямоугольниками и стильными квадратами. Фотографии превращаются из черно-белых в цветные после наведения на них курсора мыши. Описание фото появляется справа от изображения. Это, вероятно, самый простой Jquery, который вы когда-либо использовали! Получайте удовольствие и продолжайте конструировать!
Полноэкранная навигация по сайту с помощью jQuery и Html5
FSN (Fullscreen Site Navigation) – это подключаемый модуль JavaScript, который позволяет легко и быстро создать полноэкранный веб-сайт. FSN можно интегрировать в любую CMS или шаблон веб-сайта: он предоставляет только структуру и алгоритм. чтобы заставить его работать, все остальное находится в руках дизайнера. Таким образом, вы можете понять, что он очень гибкий и адаптируется к любым требованиям пользователя. Функции:
- Структура HTML5
- Навигация по системе меню
- Клавиатурная навигация
- Стрелки навигации
- Точки навигации
- URL-навигация
- Ajax-контент
- Настройка полосы прокрутки
- Адаптивная верстка
- Конфигурационный файл
- Предупреждение IE6
- Фоновая картинка
- Кроссбраузерный
- Кросс-девайс
SimpleSlide: плагин для создания слайдшоу на jQuery.
Пакет основан на том, как вы уже создаете свой веб-сайт, поэтому вам не нужно сохранять множество произвольных знаний, чтобы использовать его на регулярной основе. С небольшой разметкой, которую вам нужно добавить на свой сайт, вы получаете полный набор функций, таких как возможность помещать любые данные, которые вы хотите, в окно слайда, даже смешанные типы, пропорционально правильное отображение состояния, которое настраивается, полноэкранное отображение и функция прокрутки. Добавьте юзабилити своему сайту с помощью интересного и простого в использовании плагина. А если у вас возникнут другие вопросы, я буду рад вам помочь.
Полноэкранный слайдер с jQuery и CSS3
В этом уроке мы создадим полноэкранное слайд-шоу с изюминкой: мы разрежем текущий слайд, чтобы открыть следующий или предыдущий слайд. Используя анимацию jQuery и CSS, мы можем создавать уникальные переходы между слайдами. Используя различные атрибуты данных, мы определяем тип, угол поворота и масштаб частей слайда, что дает нам возможность создавать уникальные эффекты перехода между слайдами. каждый переход между слайдами.
Расширение портфолио полноэкранных сеток в jQuery
Сегодня мы хотим поделиться с вами аккуратным экспериментальным шаблоном портфолио. Основная идея состоит в том, чтобы иметь макет сетки, который мы создаем с помощью jQuery Masonry. Нажав, чтобы просмотреть больше, мы разворачиваем соответствующий элемент в полноэкранный режим, чтобы показать более подробное описание элемента и репрезентативное полноэкранное фоновое изображение.
Полноэкранное слайд-шоу с аудио HTML5 и jQuery
В сегодняшнем уроке мы создадим полноэкранное слайд-шоу фотографий, чтобы проиллюстрировать серию фотографий Нью-Йорка. Мы добавим звуки с помощью аудиоэлемента HTML5, чтобы оживить галерею и попытаться воссоздать атмосферу этого оживленного города.
Ezoverlay — полноэкранные оверлеи jQuery
Автономный подключаемый модуль jQuery, который позволяет накладывать элементы и полноэкранные наложения с необязательным статическим и динамическим модальным содержимым, что практически устраняет необходимость в дополнительном коде html или css.
Фоновый jQuery-плагин Vegas
Vegas — это плагин jQuery для добавления красивых полноэкранных фонов на ваши веб-страницы. Вы даже можете создавать удивительные слайд-шоу.
ytPlayer — проигрыватель YouTube на основе jQuery.
ytPlayer — это многофункциональное «бесхромное» решение для проигрывателя YouTube, предназначенное для помощи веб-мастерам в создании собственного проигрывателя YouTube. ytPlayer предлагает полный набор готовых к сценариям опций, методов и функций, которые помогут вам управлять проигрывателем и взаимодействовать с ним. Параметры ytPlayer включают плейлисты, категории плейлистов, случайное воспроизведение, повтор, полноэкранный режим, плагин jQuery, контекстное меню правой кнопки мыши с элементами управления воспроизведением и плейлистом и многое другое.
Полноэкранная галерея изображений SIDEWAYS jQuery
Простая, но элегантная полноэкранная галерея изображений, созданная с помощью фреймворка jQuery и простого CSS.
Анимированное слайд-шоу полноэкранного фонового изображения с помощью jQuery
С помощью небольшого кода HTML, изящного CSS и множества jQuery мы можем создать анимированное полноэкранное слайд-шоу с фоновым изображением. Прочтите оставшуюся часть этой статьи, чтобы узнать, как он устроен. Вы можете легко изменить сценарий, изменив некоторые переменные. Он также поддерживает предварительную загрузку изображений и навигацию с помощью клавиатуры (попробуйте нажимать цифровые клавиши). Фоновые изображения имеют ширину 2000 пикселей, чтобы покрыть большинство используемых в настоящее время разрешений экрана.
Полноэкранная галерея jQuery с перелистыванием миниатюр
В этом уроке мы создадим полноэкранную галерею с помощью jQuery. Идея состоит в том, чтобы иметь миниатюру отображаемого в данный момент полноэкранного изображения на стороне, которая переворачивается при навигации по изображениям. Большое изображение будет скользить вверх или вниз в зависимости от того, куда мы перемещаемся. Мы добавим элементы управления навигацией для колесика мыши и клавиш. Миниатюра будет иметь масштабирование и полноэкранный режим, в результате чего фоновое изображение будет отображаться в полноэкранном режиме или как полное изображение, размер которого будет изменен, чтобы поместиться на странице.
Плагин Supersized 3.0 jQuery с демонстрацией
Supersized 3.0 — Плагин jQuery для полноэкранного фона и слайд-шоу. Изменяйте размер изображений, чтобы они заполняли все окно браузера, сохраняя при этом пропорциональные размеры. Полноэкранное слайд-шоу с переходами, навигацией, подписями и предварительной загрузкой. Интегрируйтесь с существующими сайтами или создайте собственную галерею портфолио.
screenfull.js : Полноэкранный API JavaScript
Простая оболочка для кросс-браузерного использования полноэкранного API JavaScript, которая позволяет перевести страницу или любой элемент в полноэкранный режим. Сглаживает различия в реализации браузера, чтобы у вас их не было.
Плагин Flare Responsive Mobile-Optimized Lightbox в jQuery
Flare — настраиваемый адаптивный, сенсорный, оптимизированный для мобильных устройств лайтбокс jQuery-плагин, который можно использовать для отображения отдельных изображений/видео или целых галерей. Навигация по изображениям/видео через:
- кнопки пользовательского интерфейса
- Жесты смахивания
- Навигация колесиком мыши
- Стрелки клавиатуры
Переходы:
- Используйте аппаратное ускорение для преобразований CSS
- Откат к стандартной анимации jquery в старых браузерах
Поддержка СМИ:
- Картинки
- Полноэкранное видео (YouTube, Vimeo, Vid.ly и локальное видео)
- Автоматически извлекает обложку для видео YouTube, Vimeo и Vid.ly.
Собственный полноэкранный jQuery API
HTML5 великолепен, но когда он был впервые выпущен, одна из самых больших жалоб заключалась в том, что он не мог работать в полноэкранном режиме, как Flash. К счастью, ситуация меняется, и в ближайшие несколько месяцев в большинстве браузеров появится встроенная поддержка полноэкранного режима. API по-прежнему сильно меняется, особенно после того, как на этой неделе к нему присоединился W3C. Я провел некоторое время, работая над различиями, чтобы внедрить полноэкранный режим в MediaElement.js HTML5-видеоплеер, и он отлично работает в Safari 5.1+, Chrome Canary Chrome 15+ или Firefox Nightly (перейдите в about:config и установите полноэкранный режим). -api.enabled= true) и запланировано для Firefox 10.
Галерея изображений Bootstrap jQuery
Галерея изображений Bootstrap — это расширение модального диалогового окна набора инструментов Twitter Bootstrap, упрощающее навигацию между наборами изображений галереи. Он поддерживает навигацию с помощью мыши и клавиатуры, эффекты перехода, полноэкранный режим и функции слайд-шоу.
Обозреватель кода jQuery
CodeExplorer – это онлайн-обозреватель кода, который отображает код в виде целой структуры папок. Этот плагин позволяет использовать разные темы, несколько экземпляров, полноэкранный режим, подключения к github и многое другое.
jQuery Перетаскиваемая сетка полей изображений
Сегодня мы хотим создать шаблон с полноэкранной сеткой изображений и областей контента. Идея состоит в том, чтобы иметь перетаскиваемую сетку, которая показывает блоки миниатюр и элементы меню. После нажатия миниатюра развернется до полноразмерного изображения, а поле пункта меню развернется до полноэкранной области содержимого.
3D-эффект полноэкранного изображения с помощью CSS3 и jQuery
Сегодня мы хотим поделиться с вами одним из наших экспериментов с CSS 3D Transforms. Идея состоит в том, чтобы показать полноэкранную версию изображения, вращая два блока в трехмерном пространстве. Грани блоков, повернутых вперед, отобразят полноэкранное изображение.
Многоуровневая фотокарта jQuery
Эта многоуровневая галерея изображений на основе карты позволяет отображать изображения, связанные с их местоположением. Первый уровень указывает расположение мест, где у каждого есть набор изображений, а второй уровень показывает каждое отдельное изображение и его местоположение. При использовании Карт Google местоположение будет отображаться слева, а изображения местоположения — справа. Изображения можно просматривать в режиме среднего размера или в режиме полного лайтбокса. Карта имеет полноэкранный вариант, который показывает миниатюры изображений в их местоположении.
Автоматический монтаж изображений с помощью jQuery
Расположение изображений в стиле монтажа может быть сложной задачей, если учесть определенные ограничения, такие как размер окна при использовании полноэкранного режима, правильный номер изображения для заполнения всего доступного пространства или размер используемых изображений. С помощью следующего сценария вы можете автоматически создать монтаж для контейнера с жидкостью или контейнера фиксированного размера (включая полноэкранный режим) с возможностью заполнения всех пробелов.
SuperBGImage: jQuery Scaled полноэкранные обои и прочее
Вдохновленный веб-сайтом GOTOCHINA и jQuery Supersized Сэма Данна, я создал плагин jQuery SuperBGImage. Для недавнего проекта мне пришлось настроить плагин Supersized и интегрировать его на страницу REDAXO. Так как от исходного кода мало что осталось, и возникли некоторые проблемы (производительность), я решил прямо здесь собственный jQuery-плагин повозиться. Функции:
- изображения автоматически масштабируются по размеру браузера с соблюдением исходного соотношения сторон
- Слайд-шоу возможно
- различные эффекты перехода
- Предварительно загрузите изображения
- поддерживаются разные разрешения (портрет/альбом и т.д.)
- Представление также может быть встроенным в контейнер DIV.
- Обратные вызовы onShow, onHide, onClick, OnMouseEnter, OnMouseMove и OnMouseLeave
- Случайный, случайный эффект
JackBox: адаптивный лайтбокс jQuery
JackBox — это Отзывчивый лайтбокс с функцией Real Social Sharing. Возможности:
- Отзывчивый / Готовый к мобильным устройствам
- Графика Retina Ready
- Поделитесь любым элементом через Twitter, Facebook, Pinterest и Google+
- Глубокие ссылки, каждый элемент имеет свою уникальную ссылку
- Сенсорное смахивание для мобильных устройств
- Подлинный полноэкранный режим для Firefox и Chrome
- Группируйте любые элементы вместе и создавайте категории элементов
- Видео на YouTube с резервным вариантом для мобильных устройств
- Vimeo Video с мобильным резервным вариантом
- Автоматическая загрузка эскизов Youtube и Vimeo
- Видео HTML5 с резервной копией Flash
- Аудио HTML5 с резервным копированием во флэш-памяти
- Flash-видео с мобильным резервным копированием
- Загрузка HTML Div, iFrames и Google Maps
- Множество пользовательских миниатюр и всплывающих подсказок
- Предварительный загрузчик CSS3 для более плавной анимации
Вертикальный слайдер-витрина с переходами jQuery и CSS
В этом уроке мы создадим очень простой и отзывчивый слайдер продуктов для интернет-магазина или портфолио. Идея состоит в том, чтобы иметь разные разделы в полноэкранном режиме: изображение или предварительный просмотр, навигация и описание. При навигации по элементам мы будем двигать раздел предварительного просмотра и раздел с описанием в противоположных направлениях. Идея такого «противоположного» перехода исходит от красивого веб-сайта Национального музея ЛГБТ, который перемещает левую и правую стороны одинаково при навигации или прокрутке страницы.
Fresco: красивый адаптивный лайтбокс на jQuery.
Fresco — красивый адаптивный лайтбокс. Его можно использовать для создания потрясающих оверлеев, которые отлично работают при любом размере экрана, во всех браузерах на любом устройстве. Фактически, Fresco — это первый по-настоящему отзывчивый лайтбокс. Попробуйте демонстрации, чтобы увидеть, что это значит, обязательно отрегулируйте размер экрана (или поверните устройство). Чтобы сделать вещи еще более удивительными, Fresco предлагает полноэкранный зум, готовые скины для сетчатки, интеграцию Youtube и Vimeo для видео HTML5 и мощный Javascript API.
Кен Бернс: Полноценный адаптивный эффект слайдера jQuery
Ken Burns Полная коллекция слайдеров jQuery представлена в 4 версиях: фиксированные размеры, полная ширина, полноэкранный режим и баннеры/мини-галереи боковой панели. Пожалуйста, ознакомьтесь с функциями и проверьте предварительный просмотр этого слайдера и убедитесь в его качестве. Полная коллекция слайдеров Ken Burns включает 4 версии: – Ползунок с фиксированными размерами – Ползунок во всю ширину – Полноэкранный слайдер (его можно использовать как полноэкранный фон или полноэкранную галерею) – Ползунки/мини-галереи на боковой панели
MaxImage 2.0: jQuery плагин для полноэкранного фонового слайд-шоу
Ваш сайт выглядит впечатляюще, когда он отображает фоновое изображение слайд-шоу на ветру, и Maximage позволяет вам это сделать. MaxImage 2.0 определяет, может ли ваш браузер использовать CSS3 background-size:cover. Если это возможно, он использует его, чтобы ограничить объем тяжелой работы, которую должен выполнять jQuery. Это означает, что у большинства ваших пользователей будет тонкий и плавный интерфейс. Это очень важно для больших анимаций изображений. (все еще работаю над оптимизацией) Если CSS3 недоступен, он возвращается к старому способу изменения размера и центрирования фоновых изображений.
Полноэкранное слайд-шоу jQuery HTML5
Этот подключаемый модуль jQuery позволяет создавать полноэкранные галереи, в которых слайды отображаются на весь экран с помощью полноэкранных API, предоставляемых Firefox 10+ и Chrome 15+ (и, возможно, Safari 5.1+). Во всех других браузерах он возвращается к отображению слайд-шоу во всем окне просмотра.
iLightBox: революционный плагин jQuery Lightbox
iLightBox позволяет легко создавать самые красивые оверлейные окна с помощью библиотеки jQuery Javascript. Сочетая поддержку широкого спектра медиа с великолепными скинами и удобным API, iLightBox стремится максимально продвигать концепцию Lightbox. Функции:
- Отзывчивый дизайн.
- 6 готовых к использованию скинов.
- Полноэкранная поддержка встроенного браузера.
- Кроссбраузерность, поддержка Chrome, FireFox, Safari, Opera и IE7+
- Подходит для устройств, работает на iPhone, iPad, устройствах Android и Windows Phone.
- Полностью настраиваемый, можно настроить или изменить дизайн всех частей iLightBox.
- Оптимизация для поисковых систем (SEO)
- Видео Youtube и Vimeo поддерживаются.
- Автораспознавание видео с сайтов.
- Умный распознаватель контента
- Возможность предварительного просмотра миниатюр над навигацией.
- Умный загрузчик ресурсов
- Простая чистая и валидная разметка
- Разработано с использованием чистого объектно-ориентированного javascript
- Многоязычная поддержка
- Поддержка клавиатуры
- Сенсорная поддержка
- Поддержка мыши: (щелчок, колесо)
Полноэкранный макет jQuery с перелистыванием страниц
Учебник о том, как создать полноэкранный макет страницы с помощью BookBlock. Идея состоит в том, чтобы переворачивать содержимое, как страницы книги, и получать доступ к страницам через боковое меню, которое выдвигается слева.
Полноэкранный фон jQuery / Галерея — изображение и видео
Этот плагин jQuery можно использовать в качестве полноэкранного мультимедийного фона, полноэкранной мультимедийной галереи и полноэкранного мультимедийного слайдера как с изображением, так и с видео. Возможности:
- Более 40 вариантов js, из которых вы можете настроить плагин.
- Плагин полностью адаптивен, включая изображения и тексты, и адаптирует разрешение браузера/устройства.
- Он совместим с операционными системами IOS и Android.
- Анимированный текст с любого направления: сверху, снизу, слева и справа, в формате CSS и HTML.
- Параметры цвета, размеров и прозрачности.
S Gallery: адаптивный плагин галереи jQuery с анимацией CSS3
S Gallery — это адаптивный плагин галереи jQuery с анимацией CSS3. Он вдохновлен галереей продуктов SONY, созданной во Flash. Галерея доступна с клавиатуры, и вы можете перемещаться по изображениям с помощью сочетаний клавиш. Плагин использует полноэкранный API HTML5 и в значительной степени зависит от качества анимации CSS3 и преобразований CSS3, поэтому он будет работать только в браузерах, поддерживающих эти функции.
Галерея полноэкранной прокрутки jQuery
Плагин jQuery поможет вам отображать полноэкранные изображения с поддержкой слайд-шоу с автоматической задержкой. Функции:
- Прокручиваемая навигация по эскизам.
- Слайд-шоу с автоматической задержкой.
- Полноэкранное изображение.
Dasky: слайдер временной шкалы jQuery
Dasky — это слайдер временной шкалы jQuery, вы можете использовать его, чтобы показать журнал изменений / отметку загрузки ваших продуктов или отметку загрузки вашей команды / жизни. И другие, что вы хотите. Он основан на силе преобразований css и будет отступать в старых браузерах, которые его не поддерживают. Функции:
- Плавный макет
- Полноэкранный или нет
- Автовоспроизведение
- Управление колесиком мыши
- Управление клавишами
- Совместимость с основными браузерами и возврат к старым браузерам
Простое ВИДЕО в Instagram с jQuery и HTML5
Simple Instagram Video — это плагин премиум-класса для Instagram, который использует возможности HTML5 Video для демонстрации новейших функций Instagram API. Мы знаем, что вы полюбите его так же сильно, как и мы, потому что мы разработали его таким же красивым, как и полезным. Попробуйте, повеселитесь и поделитесь своими моментами со всем миром! Функции:
- Превосходная кодовая база, построенная на нашей невероятно надежной платформе.
- Адаптивный дизайн. Дизайн, полностью адаптированный для мобильных устройств, адаптируется к любому устройству.
- Полноэкранное видео. Наслаждайтесь видео в полной мере независимо от устройства.
- Расширенный режим галереи миниатюр видео. Делитесь своими лучшими видео в Instagram с нашей чистой галереей миниатюр.
- Премиум-режим галереи плейлистов видео. Показывайте свои видео с помощью нашего уникального видеоплеера в стиле плейлистов.
- Режим популярной ленты Instagram. В этом режиме ленты загружаются фотографии из популярной ленты Instagram.
- Режим ленты тегов в Instagram. Этот режим ленты позволяет вам указать тег для поиска из Instagram API.
- Режим пользовательской ленты Instagram. Этот режим ленты позволяет вам указать идентификатор пользователя, чтобы получать фотографии от определенного пользователя.
- Многопользовательский режим ленты Instagram. Этот режим ленты позволяет указать несколько идентификаторов пользователей, чтобы получать фотографии от определенных пользователей. Обратите внимание, что эта функция НЕ позволяет загружать дополнительные функции.
- Режим «Нравится» в Instagram. Отображение фотографий и видео, которые вам понравились, через Instagram API.
jQuery Горизонтальное фолио-сетка Pro
Horizontal Gridfolio Pro – это полностью адаптивный подключаемый модуль мультимедийной сетки, который позволяет отображать мультимедийный контент с уникальным и оригинальным макетом. Он идеально подходит для презентаций и для всех, кто хочет произвести впечатление на своих посетителей.Horizontal Gridfolio Pro предлагает большой набор опций, их может быть любое количество. категорий, и в каждой категории может быть любое количество изображений. При нажатии на миниатюру вы можете выбрать отображение исходного мультимедийного лайтбокса, который мы закодировали, никаких действий или открытие веб-страницы. В лайтбоксе могут отображаться изображения, iframe (html-страницы) и видео, загруженные с YouTube или Vimeo. Функции:
- Адаптивный/гибкий/гибкий макет: сетка может использоваться с тремя типами отображения: адаптивным/фиксированным, изменяющейся шириной или полноэкранным.
- Автомасштаб: сетка может изменять размер своей высоты пропорционально ширине, таким образом, на небольших экранах она сохранит правильное соотношение и будет полностью видна (необязательно).
- Функция перетаскивания или прокрутки: сетку можно перетаскивать мышью/пальцем или прокручивать, как обычную HTML-страницу.
- Поддержка колесика мыши: сетку можно прокручивать колесиком мыши (необязательно).
Jumbo 7: Полноэкранная галерея изображений jQuery
Jumbo 7 — это простая в использовании полноэкранная галерея, включая Kenburn. В качестве навигации вы можете использовать маркеры/миниатюры и вкладки в своем выборе. Он полностью адаптивен, а современные функции, такие как встраивание видео, Smart Lightbox, поддерживаются, что делает его еще более впечатляющим. Возможности:
- Кенберн
- Анимация слайдов с аппаратным ускорением
- Простота внедрения и настройки
- Неограниченное количество слайдов. Пользователи могут вставлять столько слайдов, сколько хотят.
- Неограниченное количество заголовков
- Встроенная поддержка браузера
- Поддержка переходов Html5/Css3 — используется переход html5/css3 для современных браузеров.
- Отложенная загрузка изображений — Jumbo 7 загружает все изображения сразу, чтобы не ждать снова, пока слайды.
- Поддержка предварительного просмотра изображения — Jumbo 7 предоставляет возможность предварительного просмотра изображения при наведении.
- Настраиваемая ширина и высота — можно установить ширину и высоту.
- Полностью адаптивный — он полностью адаптивный, поэтому его можно подключить к сенсорному устройству.
- Задействована функциональность полной ширины — доступен ползунок полной ширины
- Поддержка лайтбоксов — поддерживает лайтбоксы в зависимости от требований пользователей.
- Поддержка сенсорных устройств — поддерживаются сенсорные события.
- Поддержка навигации с помощью мыши — доступна функция смахивания, чтобы пользователи чувствовали себя комфортно при навигации.
- Поддержка видеоконтента (Youtube, Vimeo) — поддерживаются встроенные видео.
- Поддержка карусели — поддерживается режим просмотра карусель.
- Доступна навигация с помощью клавиатуры
Слайд! : мощное слайд-шоу jQuery
Отзывчивый, css3, совместимый (отлично работает даже с IE7), настраиваемый, простой в установке (и использовании), многоэкземплярный, полноэкранный, классный, мощный плагин для слайд-шоу для jQuery. Slideme — это полностью настраиваемое слайд-шоу со множеством различных виды эффектов перехода, разбиение на страницы и обратные вызовы.
mayySlider: отзывчивый слайдер jQuery
mayySlider — это плагин jQuery для создания расширенного однонаправленного слайдера с поддержкой навигации на основе элементов. Его можно использовать как простой слайдер изображений, слайд-шоу, слайдер HTML-контента, галерею, ротатор баннеров, видеогалерею, карусель или даже презентацию. Это достигается с помощью мощного и удобного для разработчиков API, который предоставляет множество очень полезных методов, дающих вам контроль над всем. Возможности:
- Отзывчивый дизайн.
- Анимированные HTML-заголовки с настраиваемыми эффектами.
- Простая установка на вашем сайте.
- Неограниченное количество слайдов.
- Неограниченное количество слоев надписей.
- Неограниченные эффекты подписи.
- Полноэкранная поддержка встроенного браузера.
- Кроссбраузерный, поддерживает Chrome, FireFox, Safari, Opera и IE7+.
- Подходит для устройств, работает на iPhone, iPad, устройствах Android и Windows Phone.
- Высокий дизайн пользовательского интерфейса.
- Полностью настраиваемый, можно настроить или изменить дизайн всех частей mayySlider.
- Поисковая оптимизация (SEO).
- Видео YouTube и Vimeo поддерживаются.
- Сверхплавные переходы CSS3 с аппаратным ускорением для поддерживаемых сенсорных устройств.
- Интеллектуальная ленивая загрузка — загружает близлежащие изображения в фоновом режиме, поэтому пользователям не нужно каждый раз ждать, а изображения доступны мгновенно.
- Простая чистая и валидная разметка.
- Глубокая ссылка — ссылка на конкретный слайд с URL-адреса.
- Регулируемая скорость, переход и смягчение для каждой подписи или слайда.
- Автоматический цикл с дополнительной паузой при наведении.
- Миниатюры, вкладки или маркеры для навигации.
- Разрешено несколько слайдеров на одной странице.
- Поддержка клавиатуры.
- Сенсорная поддержка.
- Поддержка мыши: (щелчок, колесо).
Средство просмотра изображений Megazoom с JavaScript и CSS3
Плагин Megazoom — это мощный, универсальный, простой в использовании и настройке навигатор изображений для отображения больших изображений, подготовленных для демонстрации продуктов (изображения продуктов с высоким разрешением, например, одежды, автомобилей, технических схем и т. д.), отображения карт и любые другие изображения с масштабированием, панорамированием, перетаскиванием, элементами управления навигацией, полосой прокрутки, кнопками масштабирования и настраиваемыми маркерами. Он имеет адаптивный макет, что делает его идеальным для любого типа макета страницы. Возможности:
- Множество вариантов (ознакомьтесь с ними в нашем предварительном просмотре).
- Простота в использовании и установке.
- Полностью адаптивный и оптимизированный для мобильных устройств (смартфоны и планшеты).
- Быстрый движок CSS3 и JavaScript с возвратом к CSS1 для старых браузеров, таких как IE7 или IE8 (исключительная производительность!).
- Адаптивный макет.
- Три типа отображения: отзывчивый, полноэкранный и лайтбокс.
- Поддержка большого разрешения изображения, мы провели успешные тесты с изображениями шириной и/или высотой до 6000 пикселей.
- Можно указать коэффициент масштабирования (максимальный уровень масштабирования) и начальный/начальный коэффициент масштабирования (начальный уровень масштабирования).
- Анимация скорость масштабирования и анимация скорость панорамирования. можно установить.
- Двойной зум и коэффициент двойного клика (необязательно).
- Поддержка колесика мыши на рабочем столе.
- Перетаскивание мышью на компьютере или перетаскивание касанием на мобильном устройстве.
- Поддержка событий жестов на мобильных устройствах, изображение можно масштабировать двумя пальцами!
- Поддержка клавиатуры (необязательно).
- Анимированный загрузчик, текст загрузчика можно изменить.
- Окно навигатора (необязательно).
- Заполните панель кнопок управления кнопками.
fullPage.js: jQuery для создания красивых полноэкранных веб-сайтов с прокруткой
Простой и удобный плагин jQuery для создания полноэкранных веб-сайтов с прокруткой. (также известные как одностраничные веб-сайты). Он позволяет создавать веб-сайты с полноэкранной прокруткой, а также добавлять некоторые ползунки горизонтальной ориентации в разделы сайта.Возможности:
- Прокручивайте разделы с помощью колесика мыши.
- Прокручивайте разделы и ползунки с помощью клавиш со стрелками и клавиш pageUp и pageDown.
- Используйте обратный вызов после завершения прокрутки раздела
- Используйте сенсорные события для мобильных и планшетных устройств
- Добавить меню, связанное с разделами
- Измените размер разделов, а также текст при изменении размера окна браузера
- Автоматически подстраивается под текущий раздел/слайд при изменении размера окна браузера.
- Допустите некоторые параметры, такие как ослабление прокрутки, цвет фона слайдов, скорость прокрутки, параметры цикла, обратные вызовы и вертикальное выравнивание текста в разделах.
CSS анимация мобильных заголовков
Я создал этот ресурс, чтобы выделить некоторые анимации навигации. Объясняя первый пример, я надеюсь, вы поймете остальные анимации. Главное, что будет отличаться, это навигационная анимация.
FSVS: полноэкранный вертикальный скроллер jQuery
Простой полноэкранный вертикальный слайдер с использованием переходов CSS3, за которыми следует резервный вариант jQuery. Связанные события поддерживают колесико мыши, щелчок и перетаскивание, клавиши со стрелками и сенсорные жесты.
jQuery fatNav: полноэкранное меню
Пухлое полноэкранное меню с хорошим переключателем гамбургеров.
fakeLoader.js: подключаемый модуль Spinner с анимированной предварительной загрузкой jQuery
fakeLoader.js — это легкий плагин jQuery, который поможет вам создать анимированный счетчик с полноэкранной маской загрузки для имитации эффекта предварительной загрузки страницы.
Полноэкранный плагин jQuery Textarea
Плагин jQuery для полноэкранного режима текстового поля.
Перетаскиваемое слайд-шоу с двойным просмотром и JavaScript
Экспериментальное слайд-шоу, которое можно перетаскивать и имеет два вида: полноэкранный режим и маленькую карусель. В полноэкранном режиме можно просмотреть связанную область содержимого. Существуют различные методы, позволяющие реализовать такой макет; мы попытались воссоздать эту концепцию слайд-шоу, используя библиотеку Dragdealer.js и 3D-преобразования. Основная идея состоит в том, чтобы перевести ползунок по оси Z, что позволит ему быть либо полноэкранным, либо меньшего размера карусели. Переключая фактический размер слайд-шоу и удаляя преобразования, когда они больше не нужны, мы позволяем слайд-шоу иметь реальный размер (то есть 25% окна). Что касается части контента, мы сдвигаем все вверх и открываем прокручиваемую область.
jQuery Ненавязчивый переключатель фоновых изображений
Плагин jQuery, который переключает фоновые изображения веб-сайта — может использоваться как слайдер изображений или полноэкранный переключатель фоновых изображений, а также предварительный загрузчик изображений. Демо 1 Демо 2 Демо 3
Вдохновение для эффектов вступления статьи с помощью CSS3
Сегодня мы хотим поделиться с вами вдохновением для эффектов вступления к статье. Вы наверняка видели некоторые интересные заголовки статей, обычно содержащие полноэкранное изображение, которые имеют своего рода вступительный эффект, то есть где происходит творческий переход при прокрутке или при нажатии на кнопку для продолжения. Мы хотели изучить возможности эффектов с полноэкранными изображениями и заставить что-то происходить при переходе к основной части статьи. Есть много потенциально крутых эффектов, и сегодня мы хотим поделиться с вами парой идей.
Концепция кнопок морфинга с помощью CSS3 и JavaScript
Сегодня мы хотим поделиться небольшим вдохновением для концепции трансформирующейся кнопки. Вы наверняка уже сталкивались с этой концепцией: идея состоит в том, чтобы использовать элемент действия, например кнопку, и превращать его во что-то другое при нажатии. По сути, элемент действия визуально «повторно используется», чтобы показать какой-то другой контент. Это может бытьполноэкранное наложение, модальное окно, раскрывающаяся кнопка "Поделиться" и т. д.
Классный FlipBook — плагин jQuery
- FlipBook основан на библиотеке turn.js 3-го релиза. Библиотека «turn.js 3-й релиз» не включена.
- перевернутая книга для восточных стран (справа налево)
- любую ширину для Flipbook, которую вы можете добавить на свой сайт — работая над адаптивным макетом и не адаптивным.
- вы можете легко отключить панель инструментов
- неограниченное количество страниц
- оптимальная загрузка страниц(флипбук не показывает всю страницу - в памяти только 7 страниц)
- двойные страницы
- вы можете изменить ширину ввода текста в нижней панели
- полноэкранный значок (работает только в FF и Chrome)‹
- не требуется Flash Player (работает на Ipad и т. д.)
Тематический слайдер: плагин jQuery FullScreen Touch Slider
Современный сенсорный полноэкранный слайдер с неограниченным количеством слоев и анимаций. Возможности:
- Отзывчивый, удобный для мобильных устройств с поддержкой Touch/Swipe
- 91 предустановленная позиция слоя, более 650 стилей шрифтов (шрифты Google), более 360 значков (значки Font Awesome)
- Неограниченное количество слоев, подслоев, текстовых слоев, переходов, все они должны быть анимированы
- Совместимость со всеми основными браузерами
- Пользовательский проигрыватель YouTube с дополнительными параметрами (автозапуск, изменение размера по размеру экрана, повтор, скрытие панели управления)
- Настраиваемое время анимации, задержка для каждого основного слайда, подслой, текстовый слой, настраиваемые параметры для текстовой анимации
- Более 80 типов анимации в сочетании с эффектами смягчения позволяют создать более 300 уникальных анимаций.
- 10+ основных анимаций слайдера с аппаратным ускорением технологии CSS3
- 30+ текстовых анимаций
- 10+ анимаций подслоя с анимацией входа и выхода, включая случайный тип
- Более 30 эффектов смягчения
- Автозапуск, параметры управления (цвет, позиция для общего или каждого слайда)
- Встроенный предварительный загрузчик с 5 пользовательскими анимациями
MagicWall: jQuery Плагин адаптивной сетки изображений
MagicWall — это подключаемый модуль jQuery для создания сетки изображений, которая циклически перемещается по набору изображений с использованием привлекательных анимаций через определенные промежутки времени. Вы можете использовать этот плагин, чтобы создать декоративный элемент вашего веб-сайта, показать свою работу или просто использовать его в качестве красивого анимированного фона. Плагин MagicWall преобразует список изображений в сетку с определенным количеством строк и столбцов. Остальные изображения появятся с различной анимацией и задержками. Возможности:
- Отзывчивая сетка
- Аппаратное ускорение
- Макет во всю ширину
- Полноэкранный макет
- Широкие возможности настройки
- 22 анимации
- Файлы Sass включены
- Небольшой размер файла
Эффект трехмерной сетки CSS3
Сегодня мы хотели бы поделиться с вами небольшой концепцией анимации. Это воссоздание эффекта, который мы заметили в этом фантастическом прототипе приложения Маркуса Эккерта. Идея состоит в том, чтобы повернуть элемент сетки в 3D, развернуть его на весь экран и показать некоторый контент. Для нашей попытки имитировать поведение приложения мы создали две демонстрации. В первом мы вращаем элемент сетки по вертикали, а во втором — по горизонтали.
Business FlipBook — плагин jQuery для WordPress
флипбук основан на библиотеке turn.js 3-го релиза. Библиотека «turn.js 3-й выпуск» не включена.Возможности:
- работает на iPad, iPhone и т. д. (не требуется Flash Player)
- поддержка тегов в редакторе WYSIWYG.
- перевернутая книга для восточных стран (справа налево)
- значок полноэкранный (работает только в FF и Chrome)
- вы можете изменить масштаб, чтобы дважды щелкнуть мышью
- вы можете изменить шаг масштабирования для zoomIn и для zoomOut
- можно включить/выключить диплинкинг (строка в конце адреса браузера)
- адаптивный дизайн
Палитра цветов jQuery
Этот минимальный плагин позволяет легко и просто отображать палитру цветов на вашем веб-сайте. Вы можете легко просто скопировать и вставить один линейный код или перейти к более подробной настройке. Возможности:
- Замените все цвета своим любимым цветом
- Пользовательские цвета добавляются в список цветов
- Вставьте код цвета HEX напрямую
- Настройка для использования атрибутов data-*
- Поддерживается внешний JSON
- Полноэкранный режим
- Мобильный дружественный
- Выравнивание окна выбора
FilmRoll: Плагин карусели jQuery
FilmRoll — это легкая карусель jQuery (уменьшенная, 12 КБ), которая фокусируется на одном элементе за раз, центрируя его в представлении, независимо от относительных размеров элементов карусели. Возможности:
- Центрирует один элемент за раз в представлении
- Использует классы css для легкой стилизации/переходов
- Автоматически предоставляет кнопки «предыдущий/следующий» и нумерацию страниц
- По умолчанию используется автоматическая прокрутка с паузой при наведении
- Поддерживает полноэкранное использование
- Движение пролистывания, если присутствует TouchSwipe
DV Gallery: адаптивный плагин галереи WordPress
DV Gallery — это адаптивный плагин галереи WordPress премиум-класса. Есть 3 основных стиля галереи. Стиль блога, стиль карусели и стиль сетки. Вы можете использовать любой из них для отображения своих галерей. Вы можете изменить все цвета, размеры шрифта, интервалы и т. д. с мощной панели настроек плагина. Возможности:
- Полностью отзывчивый чистый дизайн
- Все цвета, размеры шрифта, интервалы, значки и т. д. можно изменить с помощью панели настроек плагина.
- 3 различных стиля галереи. Стиль блога (доступно разбиение на страницы), стиль карусели (доступно автовоспроизведение) и стиль сетки (доступно меню фильтров)
- Полноэкранные Отзывчивые, сенсорные и оптимизированные для мобильных устройств галереи изображений и видео.
- Отзывчивые карусели с сенсорным экраном.
- 6 пользовательских виджетов галереи
- 6 пользовательских шорткодов галереи
- Доступна массовая загрузка изображений
- Поддержка видео You Tube и Vimeo
jQuery фоновое видео на Youtube
Плагин jQuery, который позволяет создавать фоновые видео с помощью API YouTube. Оболочка для API Youtube — отлично подходит для полноэкранных фоновых видео или просто обычных видео.