how to rotate image at the top in asp.net page

Posted by Shanky11 under ASP.NET on 4/20/2013 | Points: 10 | Views : 13083 | Status : [Member] | Replies : 3

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

i have to rotate some images on home page smoothly
Please help me to do this
earlere i tried ad image rotaor tool but its not smooth i want to do it in differen t manner

for eg. this site http://www.milleniance.com/

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Macki on: 4/20/2013 [Member] Starter | Points: 25

0	Hi Hope below link 'll helps u http://www.drowningintechnicaldebt.com/ShawnWeisfeld/archive/2006/12/02/asp.net-ajax-random-image-rotator.aspx Regards Macki Shanky11, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Macki on: 4/20/2013 [Member] Starter | Points: 25

0	HI http://csharpdotnetfreak.blogspot.com/2012/01/aspnet-adrotator-with-timer-example.html http://www.dotnetcurry.com/ShowArticle.aspx?ID=202 http://www.codeproject.com/Articles/10270/AdRotator-Using-ASP-NET-Code-Behind Regards Macki Regards Macki Shanky11, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Prabhukiran345 on: 4/22/2013 [Member] Starter | Points: 25

0	Use this code.. And place the "Div" tag that where you want images to be rotating..Hope this helps u. <script type="text/javascript" src="../../Scripts/jquery.cycle.all.js"></script> <script type="text/javascript"> $('.rotator').cycle({ fx: 'fade', speed: 300, timeout: 300, pause: 1 }); </script> <div class="rotator" style="height: 15px; width: 0px"> <img src="../../Images/banner_01.jpg" alt="Prime Photo 1" style="width: 800px; height: 400px" /> <img src="../../Images/banner_02.jpg" alt="Prime Photo 2" style="width: 800px; height: 400px" /> <img src="../../Images/banner_03.jpg" alt="Prime Photo 3" style="width: 800px; height: 400px" /> <img src="../../Images/banner_05.jpg" alt="Prime Photo 4" style="width: 800px; height: 400px" /> </div> Thanks, Prabhu Kiran Bommareddy Shanky11, if this helps please login to Mark As Answer. \| Alert Moderator

Use this code.. And place the "Div" tag that where you want images to be rotating..Hope this helps u.

<script type="text/javascript" src="../../Scripts/jquery.cycle.all.js"></script>
<script type="text/javascript">
$('.rotator').cycle({
fx: 'fade',
speed: 300,
timeout: 300,
pause: 1
});
</script>
<div class="rotator" style="height: 15px; width: 0px">
<img src="../../Images/banner_01.jpg" alt="Prime Photo 1" style="width: 800px; height: 400px" />
<img src="../../Images/banner_02.jpg" alt="Prime Photo 2" style="width: 800px; height: 400px" />
<img src="../../Images/banner_03.jpg" alt="Prime Photo 3" style="width: 800px; height: 400px" />
<img src="../../Images/banner_05.jpg" alt="Prime Photo 4" style="width: 800px; height: 400px" />
</div>

Thanks,
Prabhu Kiran Bommareddy

Shanky11, if this helps please login to Mark As Answer. | Alert Moderator

Latest Posts