0

Im making a slider (carousel) and i already done it but i want my slider to slide up/down in short vertical sliding can anyone help me about it this is my mark up

 <div class="bs-example">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Carousel indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
                <li data-target="#myCarousel" data-slide-to="3"></li>
                <li data-target="#myCarousel" data-slide-to="4"></li>
            </ol>
            <!-- Wrapper for carousel items -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="img/image1.jpg" alt="First Slide"/>
                </div>
                <div class="item">
                    <img src="img/image2.jpg" alt="Second Slide"/>
                </div>
                <div class="item">
                    <img src="img/image3.jpg" alt="Third Slide"/>
                </div>
                <div class="item">
                    <img src="img/image4.jpg" alt="Forth Slide"/>
                </div>
                <div class="item">
                    <img src="img/image5.jpg" alt="Fifth Slide" />
                </div>
            </div>
            <!-- Carousel controls -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </div>

Im just using a simple bootstrap carousel.

PS. Im new in using SLIDER or Carousel

And also i want my image to be fitted on the screen the size of my image is (1920 x 1080) how can i do that.

Thank You for advance I hope you can help me :)

kulotskie
  • 331
  • 1
  • 16

0 Answers0