Browsing articles tagged with " image"
Apr
1

Watermark.js – Create image watermarks with HTMLCanvas and Javascript

By Vinod  //  All, HTML, Javascript  //  1 Comment

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.

Jan
11

ImageView jQuery plugin

By Vinod  //  All, Javascript  //  1 Comment

jQuery plugin which can help you to create image viewing in your site more useful.

Dec
13

mobilymap – simple image into a functional map

By Vinod  //  All, Javascript  //  1 Comment

Lightweight (5KB), fully configurable jQuery plugin that converts an simple image into a functional map.

Dec
9

CamanJS – Canvas Image Manipulation

By Vinod  //  All, Javascript  //  1 Comment

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.

Oct
26

IMGr – jQuery Image Rounder

By Vinod  //  All, Javascript  //  1 Comment

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
Sep
27

A Zoomable jQuery Image Gallery Called jPhotoGrid

By Vinod  //  All, Gallery, Javascript  //  1 Comment

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.

Sep
20

mgAreaSelect – jQuery plugin for selecting a rectangular area of an image

By Vinod  //  All, Javascript  //  2 Comments

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+.

Sep
15

SIDEWAYS – jQuery fullscreen image gallery

By Vinod  //  All, Gallery, Javascript  //  No Comments

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.