JQueryCycle < System < STALklubben

---+ %TOPIC%
%JQPLUGINS{"cycle"
  format="
    Homepage: $homepage <br />
    Author(s): $author <br />
    Version: $version
  "
}%

%STARTSECTION{"summary"}%
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation
is based on the JQueryInnerFade Plugin by Torsten Baldes, the Slideshow Plugin by
Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports
pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and
many transition effects. It also supports, but does not require, the Metadata
Plugin and the Easing Plugin.
%ENDSECTION{"summary"}%

---++ Usage

Add the ==jqCycle== class to the container holding the elements to be cycled. 

---++ Examples
%JQREQUIRE{"cycle"}%

<div class="pics jqCycle {fx:'scrollLeft'}">
<div>
  <img src="%ATTACHURLPATH%/beach1.jpg" />

  St Andrews State Park
</div>
<div>
  <img src="%ATTACHURLPATH%/beach2.jpg" />

  Located in the Florida panhandle
</div>
<div>
  <img src="%ATTACHURLPATH%/beach3.jpg" />
  
  Endless fun.
</div>
</div>


<style type="text/css">
.pics  {  
 width:232px;
 height:272px;
 padding:0;  
 margin:0;
 text-align:center;
}
.pics img {  
 padding: 15px;  
 border:  1px solid #ccc;  
 background-color: #eee;  
 width:  200px; 
 height: 200px; 
 top:  0; 
 left: 0 
} 
</style>
</literal>

► Attachments

▼ Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
jpg	beach1.jpg	manage	19.9 K	2010-02-12 - 23:20	AdminUser	Saved by install script
jpg	beach2.jpg	manage	21.0 K	2010-02-12 - 23:20	AdminUser	Saved by install script
jpg	beach3.jpg	manage	22.1 K	2010-02-12 - 23:20	AdminUser	Saved by install script

This topic: System > JQueryPlugin > JQueryCycle
Topic revision: r2 - 2010-02-20 - 07:59:59 - AdminUser

Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding STALklubben? Send feedback