8 jQuery Image Sliders (carousel) with Impressive Transition Effects

Introduction

Javascript Image slider has successfully take over flash territory. Flash used to be the famous solution to make image sliders because of its animation capability. These few years have been an exciting time for Javascript development, or maybe not, we should say it’s a great year for jQuery framework and HTML5 and CSS3. The usage of jQuery framework has increased dramatically and thanks to the powerful browsers, it’s possible to run sophisticated animation on a browser with Javascript. Besides that, the development of HTML5 and CSS3 have played an important role as well. More specifically, HTML5 Canvas and CSS3 3D transform have made the slider transition to a whole new level.

I managed to find top 8 image sliders with amazing and impressive transition effects. Almost all of them have more than 10 to 20 cool builtin animated transitions. Beware though, some image sliders are too advanced for your browser (especially Internet explorer) might not able to run it.

Skitter

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition:cube, cubeRandom, block, cubeStop, cubeHide, cubeSize, horizontal, showBars, showBarsRandom, tube, fade, fadeFour, paralell, blind, blindHeight, blindWidth, directionTop, directionBottom, directionRight, directionLeft, cubeStopRandom, cubeSpread, cubeJelly, glassCube, glassBlock, circles, circlesInside, circlesRotate, cubeShow, upBars, downBars, hideBars, swapBars, swapBarsBack, random, randomSmart.

Wow Slider

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear.

Slider.js

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: Circles, squares, circle, diamond, vertical sunblind, vertical open, clock, horizontal open, horizontal sunblind, fade left, opacity, simple, zoom in, zoom out, flip, card flip, rotate and scale in, rotate and scale out, top fade, skew flip, left, top, oblique.

Flux Slider

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: bars, zip, blinds, blocks, concentric, warp, slide, swipe, dissolve, blocks2, bars3D, cube, tiles3D, blinds3D, turn.

Nivo Slider

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse.

Avia Slider

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: diagonal blocks, winding blocks, randomized blocks, dropping curtain, fading curtain, fading top curtain, fullwidth fade slider, direction fade slider.

SliceBox Slider

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: Interesting, you can make your own transition by specifying slicesCount, disperseFactor, sequentialRotaion and sequentialFactor.

Smart Gallery

8 jQuery Image Sliders with Impressive Transition Effects

8 jQuery Image Sliders with Impressive Transition Effects

Supported Transition: fade in, blind, appear, fill in, explode, jumble, rising bars, falling bars, paint, diagonal, crunching bars, slide in.

 

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>