Advertise here

jQuery Plugins Tagged ‘image’

Cropper.js – JavaScript Image Cropper

December 25, 2019     2622    
Cropper.js – JavaScript Image Cropper

Cropper.js is a powerful javascript image cropper with cross-browser support and much more features. Also there is a jQuery plugin wrapper for Cropper.js

Read More »

gandul – Accessible Image Lazy Loading

April 19, 2019     516    
gandul – Accessible Image Lazy Loading

gandul is a lightweight javascript module that adds a different approach on lazy loading focusing on accessibility. 

  • Making you drop the src attribute of the image
  • Making you create a base64 data / low resolution blurred alternative version of the image
  • Including the img element into a <noscript> tag.

Read More »

Lazy Loading Images and Video Techniques

April 05, 2018     1293    
Lazy Loading Images and Video Techniques

Lazy loading is technique that defers loading of non-critical resources at page load time. These non-critical resources are loaded at the moment of need. 

When we lazy load images and video, we reduce initial page load time, initial page weight, and system resource usage, all of which have positive impacts on performance. 

Read More »

DOM to Image – Generate Image from DOM with HTML5 Canvas

March 24, 2018     2156    
DOM to Image – Generate Image from DOM with HTML5 Canvas

dom-to-image is a JavaScript library which can turn arbitrary DOM node into a SVG (vector) or PNG-JPEG (raster) image.

Read More »

JS-ImageDiff – Canvas Based ImageDiff Utility with Javascript

March 11, 2018     479    
JS-ImageDiff – Canvas Based ImageDiff Utility with Javascript

JS-ImageDiff is a javascript canvas based image diff utility with Jasmine matchers for testing canvas.

Read More »

Lena.js – Library for Image Processing

August 29, 2017     1580     HTML5 Effects
Lena.js – Library for Image Processing

Lena.js is a javascript library for image processing.

Current filters:
gaussian, grayscale, highpass, invert, laplacian, prewitt, rgb, roberts, saturation, sepia, sharpen, sobel, thresholding, lowpass 3x3, lowpass 5x5

Read More »

Image Compressor – Simple JavaScript Image Compressor

July 28, 2017     2585    
Image Compressor – Simple JavaScript Image Compressor

Image Compressor is a simple JavaScript image compressor. Uses the Browser's native canvas.toBlob API to do the compression work. General use this to precompress a client image file before upload it.

Read More »

Animated Image Pieces

July 26, 2017     1581     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 »

Alter – Convert Text to Image

July 25, 2017     708     HTML5
Alter – Convert Text to Image

Alter is a small javascript snippet that convert text to image by using canvas.

Read More »

Chameleon.js – Easy Get and Use Colors From Image

June 16, 2017     983    
Chameleon.js – Easy Get and Use Colors From Image

Chameleon.js is a lightweight jQuery plugin for automatic content colorization.

Features:

  • Colorize the content with image
  • Get colors from an image
  • Sort colors by various parameters (hue, saturation, value, chroma, alpha)
  • Some color manipulations (format, luminance, transparency, readable)
  • Wrap the color in the jQuery element

Read More »

SmartPhoto.js – Responsive Image Viewer for Mobile Devices

May 04, 2017     3132     Gallery Responsive
SmartPhoto.js – Responsive Image Viewer for Mobile Devices

SmartPhoto.js is an easy to use responsive image viewer especially for mobile devices.

Read More »

Grade.js – Javascript Library to Generate Gradients From Images

August 24, 2016     1200     Others
Grade.js – Javascript Library to Generate Gradients From Images

Grade.js is a javascript library that produces complementary gradients generated from the top 2 dominant colours in supplied images.

Read More »

Pilpil – Progressive Image Loading

May 31, 2016     2156     Effects
Pilpil – Progressive Image Loading

Pilpil is a tiny, pure JavaScript library for Progressive Image Loading with a blur effect to reduce the page load time; as seen on Medium.

Read More »

grafi.js – JavaScript Image Processing Library

May 03, 2016     1013     Others
grafi.js – JavaScript Image Processing Library

grafi.js is a library intended for learning about how image processing works. Each modules are intentionally kept small and users are encouraged to read the source code to learn about different methods and algorithms.

Read More »

ResponsifyJS – jQuery Plugin to Make Images Responsive

April 22, 2016     2326     Responsive
ResponsifyJS – jQuery Plugin to Make Images Responsive

ResponsifyJS is a jQuery plugin that makes images truly responsive, without sacrificing anyone's face.

Read More »