1
Watermark.js – Create image watermarks with HTMLCanvas and Javascript
watermark.js is a js library for creating watermarks on images. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark. Your watermark doesn’t have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.
11
ImageView jQuery plugin
jQuery plugin which can help you to create image viewing in your site more useful.
13
mobilymap – simple image into a functional map
Lightweight (5KB), fully configurable jQuery plugin that converts an simple image into a functional map.
9
CamanJS – Canvas Image Manipulation
CamanJS is an attempt at providing a simple to use interface for dynamically manipulating images completely in JS. It strives to provide much of the basic functionality you would find in something like Photoshop. By this I mean, image contrast, brightness, levels, saturation, etc.
26
IMGr – jQuery Image Rounder
IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.
Features
- Unobtrusive, <img> element preserved
- Configure border size, style, color and
individual corner radius - Update corners dynamically
- Uses CSS3 in supporting browsers
- Uses VML in IE 6, 7, and 8
27
A Zoomable jQuery Image Gallery Called jPhotoGrid
Nearly all of the styling for this plugin is done in css. The trick is to layout the grid by floating the list items. The first thing the plugin will then do, is convert these all to absolutely positioned. This is what allows the plugin to zoom in on an individual image and then return it to its place. Like authors interactive map plugin, this depends on the browsers ability to scale images. In stylesheet, the images are set to width:100% and I simply animate the size of the container.
20
mgAreaSelect – jQuery plugin for selecting a rectangular area of an image
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
Plugin features:
- Highly configurable
- Customizable with CSS styling
- Handles scaled images
- Keyboard support for moving and resizing the selection
- Supports callback functions
- Provides API functions for easier integration with other application components
- Lightweight — the packed version is less than 8KB
The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.
15
SIDEWAYS – jQuery fullscreen image gallery
A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.
SIDEWAYS image gallery made by implementation of some previous scripts/tutorials posted on this blog and some (minor) CSS3. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron jquery mousewheel plugin.
Sponsors
Categories
Recent Posts
Recent Comments
- Adobe Photoshop CS6 Beta Out | Lively Web Tuts on Adobe Photoshop CS6 Beta Out
- sams on Mobility – Free Mobile UI Design Elements
- Cutter.js – Truncate HTML code Client Side | Lively Web Tuts on Cutter.js – Truncate HTML code Client Side
- Page Scroller – jQuery Smooth Scrolling Plugin | Lively Web Tuts on Page Scroller – jQuery Smooth Scrolling Plugin
- The jQuery Slider Plugin with Infinite Style | Lively Web Tuts on The jQuery Slider Plugin with Infinite Style












