Add this Plugin: <script type="text/javascript" src="../../Scripts/jquery.cycle.all.js"></script>
Script for rotating images:
<script type="text/javascript">
$('.rotator').cycle({
fx: 'fade',
speed: 300,
timeout: 300,
pause: 1
});
</script>
Adding Images to rotator class:
<div class="rotator" style="height: 15px; width: 0px">
<img src="../../Images/banner_01.jpg" alt="Photo 1" style="width: 800px; height: 400px" />
<img src="../../Images/banner_02.jpg" alt="Photo 2" style="width: 800px; height: 400px" />
<img src="../../Images/banner_03.jpg" alt="Photo 3" style="width: 800px; height: 400px" />
<img src="../../Images/banner_05.jpg" alt="Photo 4" style="width: 800px; height: 400px" />
</div>
Thanks,
Prabhu Kiran Bommareddy
Shanky11, if this helps please login to Mark As Answer. | Alert Moderator