A spectacular free file of the month (March ‘12) from CodeCanyon by one of my favourite plugin authors! A very simple, but well executed image transition plugin.
This is a paid for product - click here to purchase at Envato (around $7 USD)
Add the init script below the plugin, you can edit the parameters according to the help file.
// create the slideshow
// enable slideshow mode
// delay between slides in ms
// transition duration in ms
// random transition
Go add this code to Custom CSS, change the width and height to that of your images:
Last part! Add this code where you want the slider to go:
<img class="hilight" src="/storage/img1.jpg" data-destination="
Change the src attribute to link to the first image. In data-destination you enter an array of all your images (incuding the first) in the format [LINK|LINK|LINK…]
That’s all! Make sure you checkout the alternate modes and play around with the parameters in the help file e.g. change
transition: "random" to transition: "vertbars"
You can add links to the image, just wrap the img in anchor tags.
Good luck, if you need any help post a comment!
I am not affiliated with CodeCanyon or the creator of this item!