Bx滑块无法正常工作

Question

看一下图像，你可以看到图像没有正确显示，我无法弄清楚如何修复它。 http://imgur.com/a/d3onY

<script type="text/javascript">
$(document).ready(function(){
    $('.OnderhoudBanner').bxSlider({
        pagerCustom: '#OnderhoudPagers',
        mode: 'vertical',
        auto: false,
        controls: false,
        slideWidth: 615
    });
});
</script>

<div class="OnderhoudBannerDiv">
<ul class="OnderhoudBanner">
    <li>
        <img src="images/Banner.jpg" />
     </li>
    <li><img src="images/Banner.jpg" /></li>
    <li><img src="images/Mickey.jpg" /></li>
    <li><img src="images/Banner.jpg" /></li>
    <li><img src="images/Mickey.jpg" /></li>
    <li><img src="images/Mickey.jpg" /></li>
    <li><img src="images/Mickey.jpg" /></li>
</ul>
<ul class="OnderhoudText">
    <li><p>qdmklqdjsfmjqdsfkmdfsqkmdfq</p></li>
    <li><p>mjqfdsjlmfdqsmfqdsjkqdfsjmqfdsjm</p></li>
</ul>
</div>

.OnderhoudBannerDiv {
    display: inline-table;
    margin-top:50px;
}