javascript - ResponsiveSlides.js スライドショーが呼び出されない

Question

私が取り組んでいる Web サイト ( here ) にRespondSlides.jsスライドショーを追加しようとしていますが、メソッドが呼び出されていないようです。単なる構文エラーだと思いますが、一生見つけることができません。

サイトの頭の中で、私は持っています

<link rel="stylesheet" type="text/css" href="{stylesheet=home/responsiveslides}" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://stonewatercc.com/js/responsiveslides.min.js"></script>

<script type="text/javascript">
  $(function () {
    $('#slider1').responsiveSlides();
  });
</script>

スライドショーの画像を含むコード (本文) は次のとおりです。

<ul class="rslides" id="slider1">
    <li><img src="{site_url}images/stonewatercc/slider/stonewater_pics01.jpg" alt=""></li>
    <li><img src="{site_url}images/stonewatercc/slider/stonewater_pics02.jpg" alt=""></li>
    <li><img src="{site_url}images/stonewatercc/slider/stonewater_pics03.jpg" alt=""></li>
</ul> 

「$('slider1').responsiveSlides();」という行の前にアラートを配置できますが、その行の後に配置すると呼び出されません。いずれかの URL をブラウザーに入力して、それぞれの .js ファイルにアクセスできます。

私が見逃しているのはおそらく非常に単純なものであることを知って私を怒らせているので、これについて本当に助けていただければ幸いです...