javascript - リロード時に div コンテンツを変更するには、JQuery スライドショーが必要です

Question

こんにちは、私のJSの救世主です！別のジレンマがあります:: テキストと背景画像を含む「ホームバナー」というタイトルの div があります。私のクライアントは、リロード時に #homebanner を 4 つの画像/スライドで変更することを決定しました。

だから、私は背景を変更するためにこれをしました::

JS コード

jQuery(function($){
$('#homebanner').css({backgroundColor: "#fff"}); 
var totalCount = 4; 
var num = Math.ceil( Math.random() * totalCount );
function setBGImage() { 
var bgimage = 'http://bwpcommunications.com/TESTING/images/homepage/'+num+'.jpg';
$('#homebanner').css(
{
backgroundImage:"url("+bgimage+")",
}); 
} 
setBGImage(); 
});

そして、それはうまくいきます！だから私はそれについて興奮しています。しかし、特定の見出しテキストを各画像に対応させる方法がわかりません。これは可能ですか？また、テスト サイトhttp://www.bwpcommunications.com/TESTING/へのリンクもあります。ご覧のとおり、ページを更新すると画像は変わりますが、テキストは変わりません。

どんな助けでも素晴らしいでしょう！

ありがとう、

シャドナ