El control deslizante de la imagen no se carga correctamente

Este es el html para mi sitio web. Me gustaría agregar esto image slider:. Tengo un problema, por alguna razón, todo lo que obtengo es 4 viñetas y una imagen de error img al lado. ¿Podrías mirar mi html y ver qué puedes hacer para ayudar?

-Gracias

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>

Este es el guión:

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