JQuery easy cycle


If you find this free website useful – why don’t you support this with a donation? It is easy…. read more ….

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

<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)

<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

Your email address will not be published.