Cycle 2 is easy to use
see http://jquery.malsup.com/cycle2/
To use in WordPress add this code (or similar, chnage links and images as required) to a text widget
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="cycle-slideshow" data-cycle-timeout="2000" data-cycle-slides="> a" > <a href="http://example.com/llocally/portfolio-items/test-portfolio-1/"> <img src="http://example.com/pathtoimage/images/p1.jpg"></a> <a href="http://example.com/llocally/portfolio-items/test-portfolio-2/"> <img src="http://example.com/pathtoimage/images/p2.jpg"></a> <a href="http://example.com/llocally/portfolio-items/test-portfolio-3/"> <img src="http://example.com/pathtoimage/images/p3.jpg"></a> <a href="http://example.com/llocally/portfolio-items/test-portfolio-4/"> <img src="http://example.com/pathtoimage/images/p4.jpg"></a> </div> |
And you will need to enqueue this library after jquery (see the codex)
|
1 |
<script src="http://malsup.github.com/jquery.cycle2.js"></script> |
With Woothemes Canvas you can use hooks>wordpress as a lazy way to avoid writing the enqueue in your functions.php
Leave a Reply