求更换图片简单代码并指点一下小弟我的代码

求更换图片简单代码并指点一下我的代码
function changepic(n){
var div1;
div1=document.getElementById("banner");
var picsrc=new Array(5);
picsrc[n-1]="images/bannerpicture"+n+".gif";
div1.style.backgroundImage="picsrc[n-1]";
}

<div id="banner">  
  <ul>
  <li onmouseover="changepic(1)">1</li>
  <li onmouseover="changepic(2)">2</li>
  <li onmouseover="changepic(3)">3</li>
  <li onmouseover="changepic(4)">4</li>
  <li onmouseover="changepic(5)">5</li>
  </ul>
 </div>
我想做一个更换图片的js效果，在网上找了很多方法，对新手的我来说实在复杂，于是想简单一点，作了如上的代码，可惜没有成功，望高手来指点一下这种方法是否可行？可以改好？

[解决办法]
-_-b

HTML code

<script>function changepic(n){document.getElementById('banner').style.backgroundImage='images/bannerpicture' + n + '.gif';}</script><div id="banner">    <ul>  <li onmouseover="changepic(1)">1</li>  <li onmouseover="changepic(2)">2</li>  <li onmouseover="changepic(3)">3</li>  <li onmouseover="changepic(4)">4</li>  <li onmouseover="changepic(5)">5</li>  </ul> </div>
[解决办法]
div1.style.backgroundImage=picsrc[n-1];

[解决办法]
楼主
有没有参考网站或者参考图片,
根据你的代码,别人写的应该也没错,
你都说不行,有可能是你代码表达的不是你的需求
[解决办法]
JScript code
function changepic(n) {    document.getElementById("banner").style.backgroundImage = "url(images/bannerpicture" + n + ".gif)";}