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>