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

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

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

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

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