onclick op foto1 naar foto2 en terug

[p3t3r]

Hallo,

Ik probeer voor adhv javascript (waar ik niet veel ervaring mee heb) een foto te laten veranderen wanneer je erop klikt. Wanneer je dan weer op de foto klikt zou ik terug de eerste willen. Tijdens het google'en kwam ik dit tegen maar wanneer ik het probeerde werkte het bij mij niet, misschien dat ik iets fout doe. Ik doe
[JS]<img src="http://i.imgur.com/ohW6sRn.png" onclick="changeImg(this, 'http://i.imgur.com/3R38Akh.png', 'http://i.imgur.com/ohW6sRn.png')" />
<script type="text/javascript">
function changeImg( elem, newSrc, oldSrc ) {
// Kijken of de huidige src gelijk is aan oldSrc
if( elem.src == oldSrc ) {
// Maak de src van de afbeelding de nieuwe src
}
// Zoniet, dan kijken of hij gelijk is aan de nieuwe src
else if ( elem.src == newSrc ) {
// Maak de src van de afbeelding de oude src
}
}
</script>[/JS]

Alvast bedankt

 

[csshunter]

In de functie staat wel "if", maar niet wat er dan moet gebeuren: dus er gebeurt niets!

Zoiets beter?

<img src="http://i.imgur.com/ohW6sRn.png" 
    onclick="changeImg(this, 'http://i.imgur.com/3R38Akh.png', 'http://i.imgur.com/ohW6sRn.png')" />

[JS]<script type="text/javascript">
function changeImg( elem, newSrc, oldSrc ) {
// Kijken of de huidige src gelijk is aan oldSrc:
if( elem.src == oldSrc ) {
// Maak de src van de afbeelding de nieuwe src:
elem.src=newSrc;
}
// Zoniet, dan staat ie op de nieuwe src:
else {
// Maak de src van de afbeelding de oude src:
elem.src=oldSrc;
}
}
</script>[/JS]
Test: img-wissel-onclick.htm

 

[p3t3r]

Bedankt, dan is dit snel op gelost

- toch niet :s

 

[p3t3r]

Nu heb ik toch nog een klein probleempje als ik het invoer op een ander forum. Ik was namelijk een bbguide aan het maken dus om het makkelijk te maken stelde ik in dat de bbcodes afstonden, ipv van bb codes zou ik alles wel met html doen, buiten die spoiler dan. De code werkt wel maar wanneer ik op verzenden klik werkt het niet. Ik kijk dan in de pagina gegevens en zie dat "onclick" verandert in "&#11 1;ncl&#10 5;ck", weet iemand hier raad mee?

 

[p3t3r]

onclick wordt &#11 1;ncl&#10 5;ck

whoops, hier was het die onclick fout verandert :s nu is hij goed