.immagine1 {
	display: block; //stato di base img 1
}

.immagine2 {
	display: none; //stato di base img2
}

.cambioimmagine {
	float: left;   // potete anche non metterlo, serve per posizionare il contenitore a sinistra
}

.cambioimmagine:hover .immagine1 {
	display: none;    // al passaggio del mouse (:hover) immagine 1 scompare
}

.cambioimmagine:hover .immagine2 {
	display: block;  // una volta scomparsa la prima immagine appare la seconda 
}