如何更改div內容當背景滑塊去下一步/ prev

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]; 
    } 
}