Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Javascript Carousel

    @jeevan.hamal
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 281
    Comment on it

    Javascript Carousel

    In javascript you can create a slideshow with the help of carousel.So multiple slides can be created making our presentation more attractive and user-friendly. 

    1. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    2.   <!-- Indicators -->
    3.   <ol class="carousel-indicators">
    4.     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    5.     <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    6.     <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    7.   </ol>
    8.  
    9.   <!-- Wrapper for slides -->
    10.   <div class="carousel-inner" role="listbox">
    11.     <div class="item active">
    12.       <img src="..." alt="...">
    13.       <div class="carousel-caption">
    14.         ...
    15.       </div>
    16.     </div>
    17.     <div class="item">
    18.       <img src="..." alt="...">
    19.       <div class="carousel-caption">
    20.         ...
    21.       </div>
    22.     </div>
    23.     ...
    24.   </div>
    25.  
    26.   <!-- Controls -->
    27.   <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    28.     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    29.     <span class="sr-only">Previous</span>
    30.   </a>
    31.   <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    32.     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    33.     <span class="sr-only">Next</span>
    34.   </a>
    35. </div
    Javascript html css
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: