Полноэкранный помощник: плагин 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
  • Поддержка модуля

Демо:

ПодробнееДемо

Полноэкранный редактор jQuery

Легкий плагин jQuery, который украшает и преобразует текстовые поля в полноэкранные текстовые редакторы с двумя различными вариантами перехода.

ПодробнееДемо

Следующий: jQuery Blazing Fast FullScreen Slider

Слайдер Nex — это молниеносно быстрый полноэкранный слайдер, оптимизированный для максимальной производительности и совместимый со всеми платформами. Он позволяет вставлять изображения, видео и даже карты Google в один и тот же слайдер. Его скорость основана на том факте, что он основан на библиотеке Animo, которая реализует пользовательские функции современных браузеров, такие как «requestAnimationFrame» и «Gpu Acceleration». Возможности:

  • Настраиваемый внешний вид слайдера
  • Оптимизированная скорость
  • Сенсорная поддержка
  • Поддержка клавиатуры
  • Поддержка шаблонов
  • SEO дружественный
  • 10 типов эффектов:
  1. Тускнеть
  2. Слайд слева
  3. Слайд справа
  4. Слайд сверху
  5. Слайд снизу
  6. Увеличить
  7. перекос
  8. Повернуть
  9. Случайный
  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 — отлично подходит для полноэкранных фоновых видео или просто обычных видео.

ПодробнееДемо

Простой морфинг-поиск с CSS3 и JS