Hola,
Una botonera para cambiar las imágenes…
Puedes utilizar los eventos en los botones, por ejemplo usar onclick=»javascript:colorPlayera()»
En la función colorPlayera muestra una u otra imagen, aquí tienes el código:
http://www.begues.net/javascript/6110-cambiar_boton_y_texto_onclick.html
Si utilizas una imagen de fondo podrías hacer que simplemente se cambie la clase del CSS, así te quedaría un código más semántico, no estarían todas las imágenes en el HTML, sólo el div contenedor.
Lo de la transición puedes hacerlo con un gif animado.
Saludos