Afbeelding veranderen zonder refresh na muisklik
Stel dat er een variable "like" is.
Wanneer like "0" is zal de niet gelikete button er staan..
Wanneer like "1" is zal de gelikete button er staan.
Ze veranderen wanneer erop geklikt wordt.
$("#likeButton").click(function(){
$("#likeButton").src = "liked.png"
})
</script>
In grote lijnen kun je het op deze manier oplossen met javascript. Daarin geef je aan dat , wanneer er op de knop geklikt is, hij de src tag van je image verandert, en daarmee dus een andere image laat zien.
Afhankelijk van hoe jij je gebruikers en te liken onderwerpen identificeert zul je deze informatie door moeten zetten in je AJAX-request naar een script dat verder de administratieve afhandeling van een "like" verzorgt.
Het enkel aanpassen van het bronbestand van een afbeelding is na een page-refresh namelijk meteen weer vergeten.