Slicebox mod: automatically show info

Slicebox is a great slideshow from the guys at codrops.


It uses CSS3, HTML5 and jQuery to create the most stunning effects on a slideshow to date.

However, there are a couple of little details that have been missed, for example, I wanted to automatically display the description of each slide, negating the need for the user to click the info icon.

Here is how i did it:

This hinges on the function


Open up jquery.slicebox.js found in the js folder.

1) We want to display the very first title info, so scroll down to line 235. Which is within


. add the following line:


2) Under


(line 244 before you made any changes) comment out


by using a double forward slash.


3) Under


, (line 327 before you made any changes), change from:

this._rotateBox( dir, options );


this._rotateBox( dir, options, function() {
} );

Finally, compress your code, you could use http://jscompress.com/, and save the changes to jquery.slicebox.min.js

Hope that saves you a bit of time if you were fortunate enough to stumble across this little post 🙂