Jquery Cycle Script

<!– Jquery Cycle Script –>

<script type=”text/javascript” src=”js/jquery-ui-1.10.0.custom.min.js”></script>
<script type=”text/javascript” src=”js/jquery.cycle.all.js”></script>

<script type=”text/javascript”>

$(document).ready(function () {

$(‘.slideshow’).cycle({

fx: ‘fade’, // choose your transition type, ex: fade, scrollUp, shuffle, etc…
sync: true,
speed: 1000 });

});

</script>

<!– Cycle SlideShow –>

<div>

<div class=”slideshow”>

<div class=”slide”><img src=”images/image0.jpg”width=”600″height=”150″class=”first” alt=”Image 0″/></div>
<div class=”slide”><img src=”images/image1.jpg”width=”600″height=”150″alt=”Image 1″/></div>
<div class=”slide”><img src=”images/image2.jpg”width=”600″height=”150″alt=”Image 2″/></div>
<div class=”slide”><img src=”images/image3.jpg”width=”600″height=”150″alt=”Image 3″/></div>
<div class=”slide”><img src=”images/image4.jpg”width=”600″height=”150″alt=”Image 4″/></div>
<div class=”slide”><img src=”images/image5.jpg”width=”600″height=”150″alt=”Image 5″/></div>

</div>

</div>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s