자바 스크립트가 배경 이미지

Question

을 변경하지 않습니다 이것은 선택 상자의 HTML 코드 :

<select> 
<option onclick="bg('1.png');">Skin 1</option> 
<option onclick="bg('2.png');">Skin 2</option> 
</select> 

여기 당신이 기능을 참조하십시오

function bg(num) { 
document.body.style.backgroundImage="url('http://mk7vrlist.altervista.org/backgrounds/' + num + ')"; 
} 

옵션 Skin 1 예를 들어 선택, 나는 내 페이지의 배경을 바꾸고 싶다. 그러나 그것을 클릭하면 아무 일도 일어나지 않습니다. 어떤 생각?

올바른 이미지 링크는 다음과 같습니다 'http://mk7vrlist.altervista.org/backgrounds/1.png'

Answer 1

대신이 시도 (더 jQuery를 필요 없음) :

이

<select onchange="bg(this[this.selectedIndex].value)"> 
    <option value="1.png">Skin 1</option> 
    <option value="2.png">Skin 2</option> 
</select> 

function bg(num) { 
    document.body.style.backgroundImage = "url(http://mk7vrlist.altervista.org/backgrounds/" + num + ")"; 
} 

jsFiddle example (당신이 돈으로 두 번째 옵션은 아무것도 변경하지 않습니다 ' 해당 URL에 대한 이미지가있는 것 같습니다.)

Answer 2

<select onchange="bg(this[this.selectedIndex].value)"> 
    <option value="1.png">Skin 1</option> 
    <option value="2.png">Skin 2</option> 
</select> 

function bg(num) { 
    var img = "http://mk7vrlist.altervista.org/backgrounds/" + num + ".png"; 
    var url = "url(" + img + ")" 
    document.body.style.backgroundImage = url; 
}