Как сделать чтоб менялось при нажатии?

Как сделать чтоб при нажатии на менялись параметры чьи то блоков и чтоб элемент у которого параметр display:none появился ?
даю пример

<img src="img/foto1.png" class="foto1" >
<img src="img/foto2.png" class="foto2" >
<img src="img/foto3.png" class="foto3" >
<div class="box" > </div>

.foto1 {
	  width: 612px;
  height: 208px;
  /* position: relative; */
  /* z-index: 0; */
  margin: 0 0 -20px -14px; 
}
.foto2 {
	   width: 674px;
  height: 240px;
   margin: 0 0 -15px -6px;
   display: none;
}

.foto3 {
  width: 391px;
  height: 411px;
  margin: 1px 0 -334px 350px;
  display: none;
}

.box {
   width: 500px;
  height: 500px;
border: 20px solid #fff;
}

так вот чтоб менялисись параметры чтоб foto1 было display: none; а foto2 появилось и границы .box было зелёным цветом .