Insertar un registro PHP según condicional en un if javascript

Expertos sucede que tengo una tabla en lenguaje javascript, donde en cada celda existe una imagen que al oprimir un botón cambia de imagen, lo que quiero es que no solo la imagen sino que también inserte un registro en una tabla en mysql con el nombre de dicha imagen. Hasta el momento tengo el siguiente código:

<table align='justify' border='1' align='center' style='text-align:center;'>

<tr>
<td align='justify'><script language='javascript'>
imagen1=new Image
imagen1.src='http://xxx.com/wp-content/uploads/2016/02/Caja-Verde.png'
imagen2=new Image
imagen2.src='http://xxx.com/wp-content/uploads/2016/02/Caja-Gris.png'
imagen3=new Image
imagen3.src='http://xxx.com/wp-content/uploads/2016/02/Caja-Naranja.png'
imagen4=new Image
imagen4.src='http://xxx.com/wp-content/uploads/2016/02/Caja-Roja.png'
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen1.src

i=2;
}
else
{
if (i == 2)
{
document.images['ejemplo'].src=imagen2.src
i=3;
}
else
{
if (i==3)
{
document.images['ejemplo'].src=imagen3.src
i=4;
}
else
{
document.images['ejemplo'].src=imagen4.src
i=1;
}
}
}

}

En este momento la funcionalidad funciona perfecto sin embargo cuando intento insertar el código PHP este funciona solo en el momento de cargar la página no cuando ejecuto el boton; me preguntaba si existía alguna opción de realizar lo que quiero.