2012-08-02 65 views
1

我想放大圖像,當用戶將我的圖像懸停時,鼠標懸停時返回到其原始高度和寬度。 我無法將圖像大小放大到我想要的值。當我懸停時,圖像變得非常大。不知道我做錯了什麼。 感謝您的幫助。簡單圖像調整問題

$('#image_layout').on({ 
     mouseenter: function() { 
      var $this=$(this); 
      console.log($this.height()); 
      $(this).css("z-index", 1).animate({ 
        height: "120%", 
        width: "120%"      
       }, "fast"); 

      $(this).after('hfdsuhods'); 
     }, 
     mouseleave: function() { 
      $(this).css("z-index", 0).animate({ 
        height: "100%", 
        width: "100%" 

       }, "fast"); 
     } 
    }, "img"); 




//images are from ajax call and the sizes are varies. 
<div id='image_layout'> 
    <img src='a.jpg' /> 
    <img src='b.jpg' /> 
    <img src='c.jpg' /> 
</div> 

回答

0
   height: "120%", 
       width: "120%" 

的代碼位手段,使圖像120%的大小,這意味着更大的20%,比它已經是。如果圖像已經相當大,這使得它更多20%。我會改變這些價值觀,讓你感覺更舒適,從105%開始並從那裏開始。它不會是一個非常大的增加,但它會至少阻止它在懸停時「非常大」。