how to add image slider by juery in asp.net

Posted by Shanky11 under jQuery on 4/22/2013 | Points: 10 | Views : 3871 | Status : [Member] | Replies : 3
i have 4-5 images on home page i have to rotate it automatically
how can i acheive this by jquery




Responses

Posted by: Satyapriyanayak on: 4/22/2013 [Member] [MVP] Silver | Points: 25

Up
0
Down
http://www.codeproject.com/Articles/288915/ASP-NET-Image-Slider-with-fancy-thumbnail-hover-ef
http://www.hongkiat.com/blog/jquery-image-galleries-sliders-best-of/
http://www.javascriptsource.com/miscellaneous/javascript-image-slider.html

If this post helps you mark it as answer
Thanks

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

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

Up
0
Down
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

Posted by: Netgenerator on: 7/27/2013 [Member] Starter | Points: 25

Up
0
Down
Hi

There is asp.net library to show jquery sliders

http://codecanyon.net/item/simpleslidersnet-jquery-sliders-in-aspnet/5222359

thanks

netgenerator

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

Login to post response