jquery - background-sliderがnext/prevに移動するときにdivコンテンツを変更する方法

Question

背景ページの背景画像に応じてdivの内容を変更するにはどうすればよいですか？

このように：

http://www.sap.com/index.epx

Answer 1

そうです、次に、いくつかの正方形のアイコン、テキストを追加します-背景を変更し、次のようにonclickイベントを追加するトリガーが必要な場合は、次のようにします。

<div id="myDivTag">
    <img src="/Image/SquareIcon.gif" onclick="changeBackground()" />
</div>

次に、それを変更する他の投稿のコード行を変更して、divタグを変更します。

document.getElementById("myDivTag").style.backgroundImage = backImage[0]; 

Answer 2

ドロップダウンを次のように変更します。

<select id="myDropDown" onchange="changeBackground()">
<option value="0">Image 1</option>
<option value="1">Image 2</option>
</select>

ヘッドセクションに新しいjavascript関数を追加します。

var backImage[0] = "/Images/33.jpg";
var backImage[1] = "/Images/34.jpg";    
function changeBackground() {
    if (document.getElementById("myDropDown").value = "0" {
        document.body.background = backImage[1];
    } else {
        document.body.background = backImage[0];
    }
}