Simple Polyfill for CSS3 backgroundSize: cover in jQuery.backgroundcover will not test your browser’s capability for backgroundSize:cover`, hence it is recommended to use a library like Modernizr.
Best jQuery Image Effects Plugins & Tutorials with Demo
30 Photo Animations with JavaScript
All animations and styles can be combined to create a unique experience for your image galleries.Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.
The package contains the original source files so if you’re a webdeveloper you can tweak the library to your own liking.
Animation Effects :
- 7 load animations. Animate a photo in to view in six different ways, pick from zooming in or out, fading, or rotating in various directions.
- 8 hover animations. Bring a certain area of the photo in to focus on hover or move the photo around when the user interacts with it.
- 9 caption animations. Slide, fade or push the caption into view from various directions.
- 6 text animations. Animate the caption text into view via fading, sliding or stacking.
imgcolr : jQuery plugin for grabbing Image Color
imgcolr is a jQuery plugin for grabbing the dominant color of a given image’s borders. You can programmably adapt the elements’ color on the webpage for the image after getting the color. Based on the idea, we can make the web more beautiful and interesting. Note that imgcolr can not handle images with colorful borders properly.
Captall : jQuery plugin Add a caption to Image or any DOM element
Captall is a jQuery plugin that can be used to show a caption over an image or any DOM element.It has a massive amount of options making it adjustable for everyone’s needs.
In fact you can show not only text but also images or links or whatever you like and let them slide, fade or stay fixed.
Moving Blurry Background for JavaScript and jQuery
BlurryBackground() is a JavaScript application which can be easily included in any website. It allows programmer to create modern-looking blurry backgrounds without need to load large background images. This means you can save even 90% of bandwith intended for blurry background image. It caches blurred images so that the CPU consumption is reduced.
Also, it provides a really easy mechanism of background animations so you can create modern, distinctive website’s elements in seconds. You can choose from a collection of 8 built-in animating functions like “gust”, “swing”, “raindrop” and more, or you may just use your own function. You can also create a playlist of blurred backgrounds and make them change every few seconds.
jQuery Extract the main Colour of an Image’s borders : Image-pixel-border
A very lightweight and simple jQuery plugin to extract the main color of an image’s border. Just pass a callback as first parameter of the getPixelColor which takes one parameter. The parameter send to your callback will be the hexadecimal color code.
In few words:
- Clone the image in a dynamically created HTML canvas element.
- Read the pixels of the TOP, BOTTOM, LEFT, RIGHT borders of the image
- Extract the most frequent color
- Return the extracted color to your callback
