Jquery Cycle All Example - Jquery
How to use cycle slideshow plugin in jquery?
Snippet Code
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