垂直滑块(Bootstrap Carousel)

时间:2015-08-24 08:26:29

标签: javascript jquery html css twitter-bootstrap

我正在制作滑块(旋转木马)并且我已经完成了但是我希望我的滑块在短暂的垂直滑动中向上/向下滑动任何人都可以帮助我,这是我的标记



 <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>
&#13;
&#13;
&#13;

我只是使用一个简单的引导旋转木马。

PS。我是使用SLIDER或Carousel的新手

而且我还想让我的图像在屏幕上显示我的图像大小(1920 x 1080)我该怎么做。

感谢您的提前,希望您能帮助我:)

0 个答案:

没有答案