javascript - Javascript 画像スライドショーの問題

Question

私はWeb開発分野の新人です。

ウェブページを作成しています。ホームページには JavaScript 画像のスライドショーがあります。こちらで確認してください: http://bluearrowsystems.com/index.php . スライダーの画像が自動で動くようになりました。しかし、マウスオーバーを意味する画像にマウスを置いたときに画像を移動する方法はありますか?

以下は、HTML ヘッド セクションの JavaScript コードです。このセクションでは、JavaScript コードを追加する必要があると思いますが、よくわかりません。

<link rel="stylesheet" href="res/responsiveslides.css">
<link rel="stylesheet" href="res/example.css">
<script src="res/ga.js"></script>
<script src="res/jquery.js"></script>
<script>window.jQuery || document.write('<script src="http://viljamis.com/js/libs/jquery-
1.8.2.min.js"><\/script>')</script>
<script src="res/responsiveslides.js"></script>
<script>
$(function () {

  // Slideshow 1
  $(".rslides1").responsiveSlides({
    speed: 1000,
    maxwidth: 1024,                                     
    auto:false,



  });


      // Slideshow 2
  $(".rslides2").responsiveSlides({
    auto: true,
    pager: true,
    speed: 500,
    maxwidth: 540,

  });

});
</script>