SOURCE

<div> 
            <img src="http://sandbox.runjs.cn/uploads/rs/135/js2eewim/test1.jpg" />  
					 <img src="http://sandbox.runjs.cn/uploads/rs/135/js2eewim/test.jpg" class="newimg" />  
        </div> 
			<div class="div1"> 
            <img src="http://sandbox.runjs.cn/uploads/rs/135/js2eewim/test1.jpg" />  
        </div>

div{  
                width: 150px;  
                height: 150px;  
                border: #000 solid 1px;  
                margin: 50px auto;  
                overflow: hidden;  
	position: relative;
            }  
            div img{  
						    width: 150px;  
                height: 150px;  
                cursor: pointer;  
                transition: all 0.5s;  
            }  
            div:hover img.newimg{  
	opacity: 1;
        
            } 
 div img.newimg{  
left: 0;
    opacity:0;
    position: absolute;
    top: 0;
    z-index: 1;
}
div.div1:hover img{  
                transform: scale(1.2);  
            }