Javascript 一次两个滑动图像

我从一个参考中制作了一个滑块，但我想一次显示两个图像。如何做到这一点。请查看链接

上面是我编码的链接

请查看链接的HTML

<div class="container">
        <div class="row well">
            <div class="col-xs-8 col-sm-6 col-md-6">
                <h2>Vertical Slider</h2>
                <div id="myCarousel" class="vertical-slider carousel vertical slide col-md-12" data-ride="carousel">
                    <div class="row">
                        <div class="col-md-4">
                            <span data-slide="next" class="btn-vertical-slider glyphicon glyphicon-circle-arrow-up "
                                style="font-size: 30px"></span>
                        </div>
                        <div class="col-md-8">
                        </div>
                    </div>
                    <br />
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row">
                                <div class="col-xs-6 col-sm-5 col-md-5">
                                    <a href="http://dotstrap.com/">
                                        <img src="http://placehold.it/150x150" class="thumbnail"
                                            alt="Image" /></a>
                                </div>
                                <div class="col-xs-6 col-sm-7 col-md-7">
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                        euismod tincidunt ut laoreet..
                                </div>
                            </div>
                            <!--/row-fluid-->
                        </div>
                        <!--/item-->
                        <div class="item ">
                            <div class="row">
                                <div class="col-xs-6 col-sm-5 col-md-5">
                                    <a href="http://dotstrap.com/">
                                        <img src="http://placehold.it/150x150" class="thumbnail"
                                            alt="Image" /></a>
                                </div>
                                <div class="col-xs-6 col-sm-7 col-md-7">
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                        euismod tincidunt ut laoreet..
                                </div>
                            </div>
                            <!--/row-fluid-->
                        </div>
                        <!--/item-->
                        <div class="item ">
                            <div class="row">
                                <div class="col-xs-6 col-sm-5 col-md-5">
                                    <a href="http://dotstrap.com/">
                                        <img src="http://placehold.it/150x150" class="thumbnail"
                                            alt="Image" /></a>
                                </div>
                                <div class="col-xs-6 col-sm-7 col-md-7">
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                        euismod tincidunt ut laoreet..
                                </div>
                            </div>
                            <!--/row-fluid-->
                        </div>
                        <!--/item-->
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <span data-slide="prev" class="btn-vertical-slider glyphicon glyphicon-circle-arrow-down"
                                style="color: Black; font-size: 30px"></span>
                        </div>
                        <div class="col-md-8">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

垂直滑块


洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum Door sit amet）是一位杰出的领导者，他是一位伟大的领袖
尤伊斯莫·丁西登和拉奥里特。。
洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum Door sit amet）是一位杰出的领导者，他是一位伟大的领袖
尤伊斯莫·丁西登和拉奥里特。。
洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum Door sit amet）是一位杰出的领导者，他是一位伟大的领袖
尤伊斯莫·丁西登和拉奥里特。。

我引用的链接：-

---

您需要添加用于滑动的旋转木马代码，如下所示：-

$(document).ready(function () {
        $('.btn-vertical-slider').on('click', function () {
            setInterval(function () { slide(dir); }, 1000);
            if ($(this).attr('data-slide') == 'next') {
                $('#myCarousel').carousel('next');
            }
            if ($(this).attr('data-slide') == 'prev') {
                $('#myCarousel').carousel('prev')
            }
        });
        $('.carousel .item').each(function () {
            var next = $(this).next();
            if (!next.length) {
                next = $(this).siblings(':first');
            }
            next.children(':first-child').clone().appendTo($(this));
            for (var i = 0; i < 2; i++) {
                next = next.next();
                if (!next.length) {
                    next = $(this).siblings(':first');
                }
                next.children(':first-child').clone().appendTo($(this));
            }
        });
    });

$（文档）.ready（函数（）{
$（'.btn垂直滑块'）。打开（'单击'，函数（）{
setInterval（函数（）{slide（dir）；}，1000）；
if（$（this）.attr（'data-slide'）=='next'）{
$（'myCarousel'）。carousel（'next'）；
}
if（$（this）.attr（'data-slide'）=='prev'）{
$（'myCarousel'）。carousel（'prev'））
}
});
$（'.carousel.item'）。每个（函数（）{
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
对于（变量i=0；i<2；i++）{
next=next.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
}
});
});

链接在哪里？请将您的代码添加到您的问题中好吗？@progsource:查看更新的question@progsource：有什么帮助吗？？我还更新了参考链接