jQuery Image Effects Plugin & Tutorials with Example

jQuery Rotate : Plugin that Rotate Images by any Angle

jQuery Rotate : Plugin that Rotate Images by any Angle

jQuery plugin that rotate images (and animate them) by any angle.This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages. An experimental version 3 tries to rotate all objects, but with some small issues.

Alternate Fixed & Scroll Backgrounds with CSS

Alternate Fixed & Scroll Backgrounds with CSS

How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed.

Clipping in CSS and SVG

Clipping in CSS and SVG

CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-rectangular shapes. In this article we will go over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.

JsMorph : JavaScript Motion framework

JsMorph : JavaScript Motion framework

jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

jQThumb : Create thumbnails from Images Proportionally with jQuery

jQThumb : Create thumbnails from Images Proportionally with jQuery

Create thumbnails from images proportionally and also an alternative for background-size in older browsers. It even works on IE6 from jQuery V1.3 and above.

jQuery LazyImage Plugin

jQuery LazyImage Plugin

A simple and lightweight plugin to lazily load images.

Ultimate Image Filters WordPress Plugin

Ultimate Image Filters WordPress Plugin

Ultimate Image Filters is a WordPress Plugin that integrates directly into your WordPress admin’s Media Manager and adds filters that you can use to enhance your photos for your site.

Features:

  • 46 Awesome Image Filters
  • Integrates inside the WordPress Media Manager.
  • NO front-end performance impacts.
  • Works with any image.
  • Generates attachment data & different image sizes correctly.
  • Works with page builders, Visual Composer, etc.
  • Works with any theme.
  • Simple interface.
  • Very easy to use.

Trigons – Create and Animate Abstract SVG Images

Trigons - Create and Animate Abstract SVG Images

Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animations

Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for creating colored and animated abstract images. No jQuery needed.

Features:

  • The exclusive feature of Trigons images, that they can be animated with 30 built-in effects.
  • Created Trigons SVG images can be responsive.
  • Retina perfect
  • Flexible and powerful settings
  • Works in all modern browsers
  • Any color, any size
  • Clean bright or flat colors or gradients
  • Build-in Color Palette Generator
  • Convert to PNG
  • Use it as “background-image”
  • Dynamic add, update, animate and convert with 7 JavaScript methods
  • Click, Hover and “Viewport” events
  • Separate “In” and “Out” Animations
  • “Force” Animation Methods
  • Use it via JavaScript and/or via HTML5 data attributes

jQuery Unobtrusive Background Image Switcher

jQuery Unobtrusive Background Image Switcher

jQuery plugin that switches background images of a website – can be used as an image slider or a full screen background image switcher as well as image preloader.

Demo 1 Demo 2 Demo 3

Crossfade.js : jQuery plugin for Crossfading Images

Crossfade.js : jQuery plugin for Crossfading Images

Crossfade.js is a tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.



Best jQuery websites design awards