Código: <a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL DE LA IMAGEN 1)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="URL DE LA IMAGEN 1" /></a>
<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL DE LA IMAGEN 2)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="URL DE LA IMAGEN 2" /></a>
<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL DE LA IMAGEN 3)'; document.body.style.backgroundColor='none';"><img style="width: 40px; height: 40px;" src="URL DE LA IMAGEN 3" /></a>
En el primero código, se necesitará poner las misma url de la imagen 2 veces. lo que esta en parentesis es la imagen de fondo
(URL DE LA IMAGEN)
Lo azul lo encontrarán en cada código,solo son las medidas del cuadro de las imagenes antes de las vista previa completa.
El código funciona en el editor y en los boxes de editar diseño.
Saludos.,______________