javascript - bxSlider の実装: コードが機能しません。

Question

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="ASHLEYSIMONE/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="ASHLEYSIMONE/lib/jquery.bxslider.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function(){
    $('.bxslider').bxSlider();
    });
</script>

<ul class="bxslider">
  <li><img src="/images/pic1.jpg" /></li>
  <li><img src="/images/pic2.jpg" /></li>
  <li><img src="/images/pic3.jpg" /></li>
  <li><img src="/images/pic4.jpg" /></li>
</ul>

この問題に関する他のユーザーの回答を確認しましたが、まだわかりません。何が間違っているのかわかりません。助けてください。この部分が原因で、サイトを完成させることができません。