Código Javascript
:
Ver original<html>
<head>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function cambiarFoto(o){
var x = o.src
x = x.split("/").pop();
x = x === "off.png" ? "on.png" : "off.png";
o.src = x;
o = o.nextSibling.nextSibling;
o.value = o.value === "no" ? "si" : "no";
}
</script>
</head><body>
<img src="off.png" name="pizzas" onclick="cambiarFoto(this);" />
<input type="hidden" name="pizzas" id="pizzas" value="no" />
</body></html>
es solo un ejemplo pero funciona. el uso de split es para limpiar el src y el pop saca el ultimo elemento que es el que interesa (el nombre de la imagen).