Статьи

10 удивительных графических эффектов с использованием jQuery

Добавьте немного стиля с этими 10 удивительными плагинами jQuery с эффектом изображения ! Преобразуйте эти простые изображения на вашем сайте, используя эту коллекцию плагинов jQuery Image Effect, которые помогают улучшить изображения, создавать галереи, скроллеры и оживить ваш сайт!

1. Эффект разделения изображения с помощью CSS и JQuery

В этом уроке мы собираемся создать эффект разделения изображения. Что это? Это похоже на эффект раздвижной двери, когда изображение скользит влево или вправо и выявляет текст позади него, но особенность, которая отличает его, заключается в том, что эффект выглядит так, как будто изображение разделено на две части, одна идет влево, а другая идет прямо.

Изображение-Расщепление-Effect-с-CSS-и-JQuery.jpg
Источник

2. jQuery Image Warp Script

ImageWarp добавляет интересный эффект деформации для выбора изображений на вашей странице, поэтому при нажатии на них изображение временно расширяется, а затем возвращается к исходным размерам изображения.
JQuery-Image-искривлений Script.jpg
Источник

3. Polaroid Photo Viewer с CSS3 и jQuery

Размещение изображений на простых веб-страницах Polaroid просто не помогло мне. Я хотел перетащить их, вращать и все же весело проводить время. Вот где CSS и jQuery вступают в игру. Комбинируя свойства CSS3 Box Shadow и Rotate, этот эффект относительно легко создать.
Polaroid-Photo-Viewer-с-CSS3-и-jQuery.jpg
Источник

4. Использование замечательного плагина jFlow

В этой заставке я покажу вам, как легко создать прокручиваемый тематический раздел, используя одну из популярных тем Theme Forests в качестве справочного материала. Позвольте нам войти в это!
Использование-The-Чудный-JFlow-Plugin.jpg
Источник

5. Увеличение изображения jQuery

Позволяет увеличивать любое изображение на странице по желаемому коэффициенту при нажатии с помощью гладкого эффекта увеличения / уменьшения.
JQuery-Image-Magnify.jpg
Источник

6. Суперразмерный плагин jQuery

Что оно делает?
> Изменение размеров изображений для заполнения браузера при сохранении соотношения размеров изображения
> Циклы изображений / фонов через слайд-шоу с переходами и предварительной загрузкой
> Управление навигацией позволяет для паузы / воспроизведения и вперед / назад
Supersized-JQuery-Plugin.jpg
Источник

7. Загрузка изображений с помощью jQuery

Этот туториал покажет, как загружать изображения в фоновом режиме, а после загрузки обрабатывать событие и создавать свой собственный ответ.
Изображение-Погрузочно-с-jQuery.jpg
Источник

8. CrossSlide JQuery плагин

Плагин jQuery, который реализует в JavaScript некоторые распространенные анимации слайд-шоу, традиционно доступные только веб-разработчику через Adobe Flash ™ или другие проприетарные плагины. CrossSlide основывается на анимации jQuery, поэтому он так же переносим во всех браузерах, как и сам jQuery.
CrossSlide-JQuery-Plugin.jpg
Источник

9. Обрезать JQuery плагин

Плагин кадрирования берет элемент IMG и кадрирует их до заданных размеров. Результатом является DIV с фоновым изображением с высотой и шириной и смещением.
Crop-JQuery-Plugin.jpg
Источник

10. imgAreaSelect Плагин jQuery

Плагин jQuery для выбора прямоугольной области изображения. Он позволяет веб-разработчикам легко реализовывать функции обрезки изображений, а также другие функции пользовательского интерфейса, такие как фото-заметки (например, на Flickr).
imgAreaSelect-JQuery-Plugin.jpg
Источник