Jquery Cycle All Example - Jquery

How to use cycle slideshow plugin in jquery?

Snippet Code


  
Rate this page :
  [ 0 votes]

This simple jquery cycle code allows you create slideshows. Using cycle slideshow plugin the code creates slideshow effect which supports different type of transition effects. Sample code for cycle plugin is given below.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle/3.03/jquery.cycle.all.js'></script> <script> $(function(){ $('#shuffle').cycle({ fx: 'turnDown' }); }); </script> <style> .imgg img { padding: 15px; border: 1px solid #ccc; background-color: #eee; width: 200px; height: 200px; top: 0; left: 0 } </style> <div class="imgg" id='shuffle'> <img src="images/test.jpeg" width="200" height="200" /> <img src="images/little.jpg" width="200" height="200" /> <img src="images/huge.jpeg" width="200" height="200" /> </div>

Tags


Ask Questions

Ask Question