Monday, 1 July 2013

How To Create a Carousel Slider in .net

Carouse with Auto Slide steps:-


  • first create a html file named index.html
  • copy paste following code

<div id="empowering">
    <ul id="clientlogo">
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo.png" /></a></li>
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo2.png" /></a></li>
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo3.png" /></a></li>
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo4.png" /></a></li>
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo5.png" /></a></li>
      <li><a href="http://dotnetdoctorbikram.blogspot.com/"><img src="http://alacut.aabsys.com/images/clientlogo6.png" /></a></li>
        </ul>
          </div>
          <script src="https://dl.dropboxusercontent.com/s/tiddwn9o51jw1zd/jquery-1.4.3.min.js?token_hash=AAG9Hn-lzkbogEtpEIQGqEBh9-FxBXY3q4q2j1TPizg5Vw&amp;dl=1" type="text/javascript"></script>
          <script src="https://dl.dropboxusercontent.com/s/xqssojmukg4va05/slideit.js?token_hash=AAGFCZZIsZMtL-s09qnNEAsi-OhntQjyStwkXpe5znkqxw&amp;dl=1" type="text/javascript"></script>
              <script type="text/javascript">
              
              $(document).ready(function(){
               $('#empowering').slideIt(
                {
                 width:'660px',
                 height:'140px',
                 image:{
                  width:'220px',
                  height:'100px'
                 },
                 autoplay:true,
                 playtime:3000
                }
               );
              });

          </script>

          You can download js file from here slideit.js

          See Demo :-


          No comments:

          Post a Comment