bxSlider只显示一颗子弹和我的第一张图片

Question

我知道非常基本的html和css。我可能听起来很愚蠢，但无论如何，我真的很想知道我在这里缺少什么。当我把我的代码放在jsFiddle（http://jsfiddle.net/FLuRH/17/）时，它运行正常。但是在我的文件中，它只显示单个图像和左上角的子弹。我到处都是，我在这里找到的东西让我'检查'我的目录和链接。

我已经链接到：

//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
js/jquery.bxslider.min.js
js/jquery.bxslider.css

图片列表 我使用.svg格式和相同的高度/宽度，它们通过href链接到相应的页面，并包含在列表标签​​中。 （我有大约10张图片）

Javascript：

<script type="text/javascript">
  $(document).ready(function(){
    $('.bxslider').bxSlider({
        mode: 'fade',
        speed:300,
        auto: true,
        autoHover: true
    });
  });
</script>