[help]achtergrond veranderen met link

Geef de huidige achtergrond waarde (die je in die functie gebruikt) aan een hidden field. Tel nu bij dat field 1 op, om naar de volgende te gaan. Trek er 1 vanaf om naar de vorige te gaan.

Ik ben er niet zo goed in, jou je het even kunnen in code omzetten? xD

Laat mij nou ook geen ster in javascript zijn..

function imgChange(v)
{
	var backColor = new Array();
	
	backColor[0] = '#FF0000';
	backColor[1] = '#00FF00';
	backColor[2] = '#0000FF';
	backColor[3] = '#FFFFFF';
	
	var totaal = 3; // hier je totaal achtergronden (laatste cijfer in array)
	if(v == 1) {
		var huidig = $("huidig").value;
		var volgende = huidig+1;
		if(volgende > totaal) {
			volgende = 0;
		}
		
		$("huidig").value = volgende;
	} else {
		var huidig = $("huidig").value;
		var vorige = huidig-1;
		if(vorige < 1) {
			vorige = totaal;
		}
		
		$("huidig").value = vorige;
	}
	
	document.bgColor = backColor[$("huidig").value];
}

Zou zoiets werken?

ik heb vanalles geprobeert, maar ik snap het niet! :s. Kan je het niet direct in een html pagina zetten? (ik ben echt noob hierin!)

Jij maakt een website, jij zal het moeten oplossen. Djermo geeft je een oplossing. Aan jou de rest.

Wat Djermo er niet bij verteld is dat hij gebruik maakt van prototype of mootools. (of ander js-library)

vervang $ door document.getElementById.
Wat wel betekend dat je id's moet meegeven.

[edit]

<script type="text/javascript">
<!--
var current = 0;
var backImage = new Array();

backImage[0] = "11.jpg";
backImage[1] = "22.jpg";
backImage[2] = "33.jpg";

function changeBGImage(whichImage){
    if (document.body){
        current = whichImage;
        document.body.background = backImage[whichImage];
    }
}
function move(how) {
    if(how < 0) {
        current--;
    }
    else if(how > 0) {
        current++;
    }
    if(current >= backImage.length) {
        current = 0;
    }
    else if(current < 0) {
        current = backImage.length - 1;
    }
    changeBGImage(current);
    return current;
}

//-->
</script>
<p id="activeImage">&nbsp;</p>
<a href="javascript:void(0);" onclick="move(-1); document.getElementById('activeImage').innerHTML = backImage[current]" id="previous">&lt; Vorige</a>
<a href="javascript:void(0);" onclick="move(1); document.getElementById('activeImage').innerHTML = backImage[current]" id="next">Volgende &gt;</a>

Geen idee of het werkt... Download in ieder geval de firebug plugin voor firefox / IE
[edit]
Heb het ff op je domein getest, en hij doet het
[/edit]
[/edit]