Image panning with animation easing that works on mouse movement with some css and jquery.
Best jQuery Gallery Plugins & Tutorials with Demo
SimplyScroll a jQuery plugin for scrolling a set of images/elements
simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.
Use Reveal.js to Create CSS 3D Slideshow
If you’re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesn’t rely on any external libraries.
One thing though, this javascript requires CSS 3D transforms support. That’s mean, IE won’t able to see all these fancy animation. It works really well in Safari, Chrome and Firefox. Good news is, if CSS 3D support is not detected, it will degrade gracefully and back to the 2D transitions.
jQuery Slideshow / Image Gallery Plugin: PikaChoose
Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!
jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose has API hooks for integrating lightboxes and other things.
Build A Greyscale jQuery Image Gallery
Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery.
The gallery has a main image and multiple alternative images which on the hover event will change the main image.
The CSS will be used to setup the look of the gallery and jQuery is used to change the main image with the alternative images.
Thumbnail Proximity Effect with jQuery and CSS3
Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their neighbouring thumbnails proportionally to their distance. We’ll also make a description appear.
This is based on a request we once got from a reader who asked if the effect on http://porscheeveryday.com/ could be achieved with jQuery. This is our attempt to recreate the basics of that effect.
CSS3-Powered Presentation Framework : Impress.js
A new presentation framework is released recently -named Impress.js– which enables us to build very beautiful outputs.
Slides can be by positioned, rotated and scaled on an infinite canvas with zoom in/out and 3D effects by making use of CSS3 transforms and transitions to create the awesomeness (which makes it only compatible with WebKit and the latest Firefox + IE browsers).
And, for older browsers, Impress.js fallbacks to a standard presentation without the effects but by keeping the functionality.
