Hallo,

hab heute den ganzen Tag an meinen Bildern gesessen. Nun bin ich so weit dass ich zwei Versionen anbiete. Zum einen diese von MrMurphy und eine weitere die derzeit so aussieht

mein HTML und CSS dazu

  
.photobook_links {  
	width:410px;  
	float:left;  
}  
  
.photobook_rechts {  
	float:left;  
	width:375px;  
}  
  
.photobook_rechts img:nth-child(4n) {  
        padding-right: 0;  
}  
  
.photobook_rechts img {  
	padding-right:15px;  
	padding-bottom:15px;  
}  

  
        <div id="photobook">  
  
            <div class="photobook_links">  
	       <img src="photos/sturmverliebt/bild4.jpg" width="375" height="563">  
            </div>  
  
            <div class="photobook_rechts">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
              <img src="photos/sturmverliebt/klein.jpg">  
            </div>  
  
      </div>  

Nun habe ich dazu eine Frage, wenn ich rechts auf ein kleines Bild klicke bzw. mit der Maus darüber fahre, wie kann ich erreichen dass ich links das Bild in groß sehe? Sehe diesen Effekt zwar öfters mal hab aber ehrlich gesagt keine Ahnung wie ich das umsetzten könnte. Geht da etwas mit jQuery dass ich einen schönen Übergang drin habe oder sogar mit CSS3?