Skip to Main Content

Turntable.js, a Smooth Click-to-Slide Alternative

Posted on 4.27.2016

Those with several years of experience working on the Web know first-hand how trends emerge, gain in popularity and then, over time, simply fizzle out.

There are too many to mention really and many are of the thought that the now all too common click-to-slide option as seen on many sites - from merchants, publishers and service providers alike - just isn't cutting it any more. 

Fortunately, there are some interesting approaches to driving interaction from consumers and all it really takes is a little jQuery and a whole lot of imagination.

Turntable.js could be just the option designers are looking for. The responsive jQuery slider enables a user to rotate through a list of images as the mouse (or a finger) sweeps or swipes across a container. Forget that expensive 3-D rendering, just put a series of images together and you're creating a rather dynamic and wholly immersive experience. 

In many ways, it’s like a flipbook made digitally – with JavaScript. – and it is an excellent alternative to the myriad click-to-slide options available. 

Installation seems quite straightforward – just download the turntable.js file, a min.js specific file, call the function on a list of images and call the CSS (a minified file is available). 

 SUBSCRIBE to Website Magazine & Accelerate 'Net Success


Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up


Leave a comment
    Load more comments
    New code