Advertise here

jQuery Plugins Tagged ‘image effect’

Image Reveal Hover Effects

December 02, 2018     1701     Effects Text & String
Image Reveal Hover Effects

A tutorial about creating a set of link hover effects that reveal a thumbnail in different creative ways.

Read More »

Animated Image Pieces

July 26, 2017     1582     Animation
Animated Image Pieces

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments powered by anime.js.

Read More »

blurify – Tiny Library to Create Blurred Pictures

March 15, 2017     1841     Effects
blurify – Tiny Library to Create Blurred Pictures

blurify.js is a tiny library to blurred pictures, support graceful downgrade from css mode to canvas mode.

Read More »

Movey Backgrounds Grid with CSS and JavaScript

January 22, 2017     2721     CSS3 & CSS Effects
Movey Backgrounds Grid with CSS and JavaScript

A cool moving background effect when hovering an image by using css and javascript.

Read More »

jQuery Shakker – jQuery Plugin for Image Shakking

October 13, 2015     1767     Effects
jQuery Shakker – jQuery Plugin for Image Shakking

jQuery Shakker is a jQuery plugin to give any image a shakky effect. It's pretty easy to use.

Read More »

Watermark – Add Watermark on Images

August 04, 2015     3302     HTML5
Watermark – Add Watermark on Images

Watermark is a jQuery plugin to add watermark on images use HTML5 and Javascript.

Read More »

Image Figure Caption Effects

June 24, 2015     2149     Effects
Image Figure Caption Effects

This script transforms any image into a HTML5 compliant figure element with a nice caption.

Choose from 7 different effects to unveil the caption in style onmouseover. Captions can be dynamically defined or literally inside the figure element. On touch devices such as the iPad, touching the image reveals the caption, and touching anywhere else dismisses it.

Read More »

Image Tilt Effect with CSS and Javascript

May 29, 2015     3930     CSS3 & CSS Effects
Image Tilt Effect with CSS and Javascript

A subtle tilt effect for images by using css and javascript. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect

Read More »

Kubist – Transforms an Image Into Cubism-Like Composition

April 29, 2015     2406     Effects
Kubist – Transforms an Image Into Cubism-Like Composition

Kubist transforms an ordinary image into cubism-like composition

Read More »

Before and After Image Script

November 13, 2014     4306     Effects
Before and After Image Script

Before and After is a jQuery plugin to view an "after" version of any image as an overlay of the original one.

A draggable handle bar lets the user decide how much of each image he/she wishes to view. The "before" and "after" slides can each contain not just a main image, but other HTML as well, such as a caption. 

Read More »

Triangloid – Javascript Library to Tranglify Images

October 09, 2014     4987     Effects
Triangloid – Javascript Library to Tranglify Images

Triangloid is a JavaScript library that can trianglifies images and outputs as SVGs. It has been inspired and based on Trianglify

Read More »

Image Jigsaw – jQuery Plugin to Create Jigsaw Puzzle Images

September 26, 2014     4144     Effects
Image Jigsaw – jQuery Plugin to Create Jigsaw Puzzle Images

Image jigsaw is a jQuery plugin to easy convert any image to image based jigsaw puzzle.

Read More »

Rollerblade.js – jQuery Plugin for Interactive 360º Image Rotator

August 04, 2014     4178     Effects
Rollerblade.js – jQuery Plugin for Interactive 360º Image Rotator

Rollerblade lets you easily create interactive 360º image rotators, and other cool image effects.

Read More »

neatShow.js – jQuery Plugin to Fade In Images Beautifully

December 30, 2013     9577     Gallery Effects
neatShow.js – jQuery Plugin to Fade In Images Beautifully

neatShow.js is a jQuery plugin to fade in images beautifully on your website.

When neatShow is applied to an image, it will wait until the image has finished downloading, then instantly fades it in regardless of other images or activity on the page. Works reliably with all images in any state, including downloading, download complete and cached.

Read More »

Magnifier.js – Javascript Library for Magnifying Glass Effect

November 11, 2013     17291     Zoom Effects
Magnifier.js – Javascript Library for Magnifying Glass Effect

Magnifier.js is a Javascript library enabling magnifying glass effect on an images.

Features:

  • Zoom in / out functionality using mouse wheel
  • Setting options via Javascript or data attributes
  • Attachment to multiple images with single call
  • Attachment of user defined functions for thumbnail entering, moving and leaving and image zooming events
  • Display loading text while the large image is loading, and switch to lens once its loaded

Read More »