javascript - 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>