Question

js怎么设置点击按钮切换背景

图片两边有两个按钮，点击按钮使图片背景+1或者-1，背景图本身每两秒一换，我尝试了好几种方法，只能让背景图自动换，点击切换怎么都不行，求大神指点。下面是代码。
function gx(num){
var gx=document.getElementById("gx");
gx.style.backgroundImage="url(images/gx"+num+".jpg)";
}
var counts=1;
function gxb(){
gx(counts);
counts++
if(counts>=5){
counts=1;
}
setTimeout ("gxb()",5000)
}
//底下这个dj是给按钮onclick触发的
function dj(){
gx(num);
num++;
}

Answer 1

var size = 5,current = 0,gx = document.getElementById("gx");

function next(){

    current = (current+1)%size;

    change();

}

function prev(){

    current = (current+size-1)%size;

    change();

}

function change(){

    gx.style.backgroundImage="url(images/gx"+(current+1)+".jpg)";

}

setInterval(next,1000);

按钮
<input type="button" onclick="prev()" value="prev" />
<input type="button" onclick="next()" value="next" />

追问

实现不了啊

追答

why？代码都贴给你了，是怎么个实现不了，报错了？还是效果不对？

追问

什么效果都没有，点击也不换，完后也不自动变了。。。