Javascript 带上一个和下一个箭头的引导转盘图像指示器

我有一个问题，以添加上一个和下一个箭头与转盘图像指示器，如下图所示。

我找到了一个示例，但它现在是可滚动的。看这个。我需要的正是这种类型的旋转木马与下一个和上一个箭头不可滚动条。怎么做

提前谢谢

<div id='carousel-custom' class='carousel slide' data-ride='carousel'>
<div class='carousel-outer'>
    <!-- Wrapper for slides -->
    <div class='carousel-inner'>
        <div class='item active'>
            <img src='http://placehold.it/400x200&text=slide1' alt='' />
        </div>
        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide2' alt='' />
        </div>
        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide3' alt='' />
        </div>

        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide4' alt='' />
        </div>
        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide5' alt='' />
        </div>
        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide6' alt='' />
        </div>

        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide7' alt='' />
        </div>
        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide8' alt='' />
        </div>
        <div class='item'>
            <img src='http://placehold.it/400x200&text=slide9' alt='' />
        </div>
    </div>

    <!-- Controls -->
    <a class='left carousel-control' href='#carousel-custom' data-slide='prev'>
        <span class='glyphicon glyphicon-chevron-left'></span>
    </a>
    <a class='right carousel-control' href='#carousel-custom' data-slide='next'>
        <span class='glyphicon glyphicon-chevron-right'></span>
    </a>
</div>

<!-- Indicators -->
<ol class='carousel-indicators'>
    <li data-target='#carousel-custom' data-slide-to='0' class='active'><img src='http://placehold.it/100x50&text=slide1' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='1'><img src='http://placehold.it/100x50&text=slide2' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='2'><img src='http://placehold.it/100x50&text=slide3' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='3'><img src='http://placehold.it/100x50&text=slide4' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='4'><img src='http://placehold.it/100x50&text=slide5' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='5'><img src='http://placehold.it/100x50&text=slide6' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='6'><img src='http://placehold.it/100x50&text=slide7' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='7'><img src='http://placehold.it/100x50&text=slide8' alt='' /></li>
    <li data-target='#carousel-custom' data-slide-to='8'><img src='http://placehold.it/100x50&text=slide9' alt='' /></li>
</ol>

---

检查一下这个，它工作得很好！！！，我认为您没有包括jquery或引导文件

.carousel control.glyphicon-chevron-left、.carousel control.glyphicon-chevron-right、.carousel-control.icon-next、.carousel-control.icon-prev{
位置：绝对位置；
排名：83%！重要；
z指数：5；
显示：内联块；
利润上限：-10px；
}
h4{
保证金：20px 10px 10px；
}
p{
利润率：10px；
}
#转盘示例{
保证金：20px自动；
宽度：400px；
}
#旋转木马海关{
保证金：20px自动；
宽度：400px；
}
#转盘自定义。转盘指示器{
利润率：10px0；
溢出：自动；
位置：静态；
文本对齐：左对齐；
空白：nowrap；
宽度：100%；
}
#转盘自定义。转盘指示器li{
背景色：透明；
-webkit边界半径：0；
边界半径：0；
显示：内联块；
高度：自动；
边距：0！重要；
宽度：自动；
}
#转盘自定义。转盘指示器li img{
显示：块；
不透明度：0.5；
}
#转盘自定义。转盘指示器li.active img{
不透明度：1；
}
#转盘自定义。转盘指示器li：悬停img{
不透明度：0.75；
}
#旋转木马自定义。旋转木马外部{
位置：相对位置；
}

我必须道歉。这是你编的好把戏。这也是我想要的方式。但更倾向于只使用指标添加上一个和下一个。无论如何，谢谢。：）