This plug-in can easily convert any colored image (in an html page) into a B&W greyscale image.
Best jQuery Image Effects Plugins & Tutorials with Demo
Image splitting effect with CSS and jQuery
In this tutorial we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing that makes this different is that the effect looks like the image is splitted into half and one goes left and the other one goes right. One thing that’s very important is that there won’t be 2 images, it’s only one
jQuery DragPan
Give your website visitors the ability to navigate a large area of rendered HTML quickly. Usefull for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anywhere where the map would be larger than the users browser.
Features:
- Very few images, mostly CSS
- Includes 19 different customizable options and 3 callbacks
- Function to move map to position
- Doesn’t stop user from dragging beyond map, just bounces back till the whole map fills the screen
- Scrollbars (Colour changable using CSS )
- Copyright/help message (You choose the message)
- Restrict to horizontal/vertical panning
- Customize grab/grabbing cursor
- Change return animation speed
Full Screen Responsive jQuery Image and Content Slider:RSlider
Image sliders add life and interactivity to your web contents. But creating an image slider from scratch is not that easy. You need some good programming skills to create your own slider. If you are not the programmer or you just don’t want to re-invent the wheel, RSlider is for you. Its a full screen responsive image and content slider powered by the fantastic javascript library jQuery. With a nice and simple design it adjusted automatically to the width of your browser screen.
Picanim – jQuery image hover effect pulgin
Picanim is jQuery plugin used to bring stylish image hover.
Features:
- 27+ unique hover effects
- include: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional…
- small size,just 3kb after gziped
- cross browser
- you can easliy config the effect with a lot of options
- also support the img tag with a specific width or height
- easy to use
- can show tooltip on image
- with mouseout reverse effect
JZoopraxiscope : jQuery plugin for making animations from static images
JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope.Besides jQuery, it also uses jQuery UI and requires the frames to be animated as a single, horizontal image.It all works by calling a simple function where we define dimensions of the images and the frame.
After that, JZoopraxiscope works with the help of play and pause buttons provided.Although it looks hard to use the resource widely, with a bit help of creativity, it can beautify a web page easily.
