Top 15 Nice And Simple jQuery Image Transition Projects Every Web Developer Should Know

1. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

Can mention a thumbnail image gallery for the gallery sets. Choose the animated effect for transition between items in Full-width mode.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The slider image gallery script has been tested and is fully compatible with jQuery 1. and also jquery 2. Updated the lightbox plugin jQuery so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.

More Details

2. bgStretcher jQuery Background Resizer & Slideshow

featured image

bgStretcher (Background Stretcher) is a jQuery plugin for stretching one or more images proportionally across an entire page or element. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The speed, duration, transition effects, and slide direction are configurable. Available transition options include none, simpleSlide, superSlide and fade.Lightweight jQuery Plugin

Multiple Transition Effects

More Details

3. jQuery Preview Slider

featured image

As many jQuery plugins, jQuery Preview Slider is a subtle combination of HTML, CSS and jQuery. It is a flexible image slider optimized for full width of the screen. You can customize the navigation buttons, transition speed and transition type.jQuery driven image slider

Multiple navigation controls: buttons, image click, keyboard

More Details

4. OneSlider - Interactive Responsive Slider

featured image

OneSlider is a Responsive Slider jQuery plugin that is not only used to show your banners or image gallery JavaScript but also allow to CSS add content for each slide.A lot of Transition Effects.Rainbow Background Full Screen jQuery Plugin

Metro Tab jQuery

More Details

5. FullScreen Background / Gallery - Image and Video

featured image

In this manner you’ll not have to modify each image to add the texture.You can select ‘Fade’ transition or ‘Slide’ transition to navigate between slides.

More Details

6. 3D FlipBook - Responsive jQuery Plugin

featured image

customizable animation speed and transition type

fixed bug in css3d mode in IE (missing image icon on the left page)

More Details

7. jQuery Hotspot Plugin with Slideshow

featured image

You can use this jQuery Hotspot Plugin in a product introduction or image showcase, which support the jQuery auto slideshow slideshow and can trigger by click or hover. CSS3 transition support in the modern browser, fade only in the old browsers.jQuery OneByOne Slider Plugin:

jQuery http://jquery.

More Details

8. Strapslide - Responsive Bootstrap Slider Plugin

featured image

jQuery 1.7 – jQuery 2.CSS3 Transition library

Image preloading

Powerful CSS Transitions with jQuery FallBack

More Details

9. Dynamic Slider

featured image

It offers 2 transition effects, sliding and fading, both for the images as well as for the labels.

More Details

10. jSliderPro

featured image

Images transition engine that can generate an incredible number of stunning effects, about 100K and more.jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip. Resolved an issue with jQuery that hampered transitions’ selection.

More Details

11. Lush - Content Slider

featured image

It uses CSS3 native transition and animations to get the best performance taking advantage of the modern browser features, without lose functionality in older browsers. Image Preload

jQuery 2. Added support for jQuery 2. Update to jQuery 1. Image 1

Image 2

Image 3

More Details

12. Funny Images/Videos/Quotes/Jokes. 9GAG alternative

featured image

General Demo: Image,GIF,YouTube Videos

Load new image with jQuery to animate the transition (desktop version)

Hotkeys for: Next/Previous Image, Scroll Up/Down, Show/Post Comments, Small Admin Panel, Facebook Connection

If you reload the page and you are not connected with FB you’ll see the same image

Fancy transition between 2 images with jQuery

More Details

13. Responsive jQuery Slider

featured image

A light-weight responsive fullscreen image and content slider for jQuery.up/down transition

left/right transition

fade transition CSS

Background Image Slideshow

Note: Uses the TouchSwipe jQuery library for touch capabilities

More Details

14. jQuery Fullscreen Slideshow

featured image

CSS3 transition support in the modern browser, fade only in the old browsers.jQuery OneByOne Slider Plugin:

jQuery http://jquery. Background image are from photo8

More Details

15. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Slider

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

No-Jquery minimum 15KB javascript code by smart compression. Composite move, fade, clip, zoom and rotation in one transition is allowed

Caption animation speed adjustable by change ’$Duration’ value of caption transition

More Details