jquery cycle plugin
jquery cycle plugin is the best plugin for slide show.
Its very lightweight and very easy to configure.
First we need jQuery Library and cyble plugin. Either you download them or include them using following scripts.
Example:
Specify the effect name by either passing a string to the cycle
First we need jQuery Library and cyble plugin. Either you download them or include them using following scripts.
Example:
Specify the effect name by either passing a string to the cycle
- <script type="text/javascript">
- $(document).ready(function() {
- $('.slideshow').cycle({
- fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
- });
- });
- script>
- <div class="slideshow">
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" height="200" width="200">
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" height="200" width="200">
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" height="200" width="200">
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" height="200" width="200">
- <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" height="200" width="200">
- div>
Comments