JavaScript - hacer menu de botones que use una misma variable

Saludos.
Estoy haciendo una pagina en la cual presento 3 opciones con input type=radio y un boton submit. de envio.

Lo que deseo hacer es reemplazar los radio con botones de imagenes en la cual cuando el usuario le de clic en alguno de los 3 internamente se active el valor correspondiente a una misma variable de manera similar a como funciona el input type="radio".

Me han comentado que usando javascript se puede hacer pero no tengo idea de como hacerlo.

Asi esta:
<input type=radio name="zoom" value=1 checked> Mover
<input type=radio name="zoom" value=2 >Acercar
<input type=radio name="zoom" value=3> Alejar

Pero como hacer para que se presente mas o menos asi con imagenes:

[ Mover ] [ Acercar ] [ Alejar ]

Cuando el usuario escoja "Mover" internamente la variable zoom tenga el valor 1, si elije "Acercar" que "zoom" valga 2 y si elije "Alejar" que "zoom" valga 3, hay una opcion usando input type="image" pero no es lo que necesito ya que al darle clic en las opciones se hace un submit automatico y no es el objetivo sino que hasta que el usuario le de clic en el boton de envio se mande la opcion del usuario segun el boton que selecciono.

Como lo puedo hacer usando javascript?

Gracias por sus comentarios.