html

 

<div <a href=”#”>

 

<img src=”img01.jpg”>

 

<img src=”img02.jpg”>

 

</a>

 

</div>

 

css

 

img{border:none;}

 

.pic{position:relative;top:10px;left:10px}

 

.pic a .large{position:absolute;height:0;width:0;}

 

.pic a:hover{display:block;}

 

.pic a:hover .large{border:#000 1px solid;position:absolute;width:300px;height:233px;left:100px;}