javascript - カルーセルマウスホバーを無効にすると、タイトルが表示されます

Question

楕円形のカルーセルがあります。Imgは自動回転しているので、後ろから前にimgを表示したい場合は、マウスオーバークリックを使用します。カルーセルは、imgがbringToFrontのとき、およびマウスがそれをホバーしたときにタイトルを表示します

問題は、ホバー効果を無効にしたいので、imgbringToFrontからのタイトルのみを表示することです。

私は可能な解決策を見つけましたが、それでも私が望むものではありません。

次のコードを追加しました。

$(document).ready(function(){

   $("img").hover(function(){

      $(this).attr("rel", $(this).attr("title"));
      $(this).removeAttr("title");

   }, function(){

      $(this).attr("title", $(this).attr("rel"));
      $(this).removeAttr("rel");

   });

});

このコードは、マウスがカルーセル上にあるときに「タイトル」を無効にしますが、問題は、前面の「タイトル」も無効にし、マウスがカルーセルから外れない限り表示されないことです。

このコードは私にとっては問題なく機能しますが、マウスがカルーセルの上にある場合でも、前面のタイトルを保持したいと思います。

したがって、最も簡単な解決策は、すべてのマウス効果を無効にし、マウスオーバークリックのみを保持することだと思いますが、私はそうしません。これが、私が助けを求めている理由です。