Изображение слайдера не загружается должным образом

Question

Это html для моего сайта. Я хотел бы добавить это image slider:. У меня есть одна проблема, по какой-то причине все, что я получаю, - это 4 балла и ошибка img картинка рядом с ней. Не могли бы вы посмотреть на мой html и посмотреть, что вы можете сделать, чтобы помочь.

-Спасибо

http://jsfiddle.net/lasquish/hL7vLcd5/

<div class="container"> 
    <ul class="slider"> 
     <li><img src="/images/Day1.jpg" /></li> 
     <li><img src="/images/Day1.jpg" /></li> 
     <li><img src="/images/Day1.jpg" /></li> 
     <li><img src="/images/Day1.jpg" /></li> 
    </ul> 
</div> 

Это скрипт:

<script src="js/jquery.bxslider.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src = "js/bootstrap.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('.bxslider').bxSlider(); 
    }); 
</script> 

Answer 1

Поскольку вы обернули содержимое слайда с .slider класса вам нужно сделать следующие изменения

$(document).ready(function(){ 
    $('.slider').bxSlider(); 
}); 

Вызов bxslider.min.js после библиотеки jQuery Также у вас есть 2 разных варианта библиотеки jQuery. это вызовет конфликт.

Answer 2

1. Вам нужно добавить ниже CSS, чтобы удалить пуля

   уль { список стиле типа: нет; }

2. нужно использовать правильный путь к изображению, или вы можете использовать полное изображение «http://fiddle.jshell.net/img/logo.png» ...

Как вы не поделили весь необходимый файл здесь ..so мы не смогли протестировать на нашем конец. Пожалуйста, поделитесь файлом библиотеки js, который у вас есть здесь, если проблема не решена.