自動調整圖像

如何我，如果我的代碼是這樣的自動調整圖像：自動調整圖像

<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(document).ready(function() { 
    var count = 0; 
    function animate() { 
     jQuery(".fadein").eq(count).fadeIn(1000); 
     count++; 
     if(count <= jQuery(".fadein").length) { 
      setTimeout(animate, 1000); 
     } else { 
      jQuery("a.fadein").fadeOut(1000); 
      count = 0; 
      animate(); 
     }  
    } 
    animate(); 
}); 
</script>

這會是正確的嗎？

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     var count = 0; 
     function animate() { 
      jQuery(".fadein").eq(count).fadeIn(1000); 
      count++; 
      if(count <= jQuery(".fadein").length) { 
       setTimeout(animate, 1000); 
      } else { 
       jQuery("a.fadein").fadeOut(1000); 
       count = 0; 
       animate(); 
      }  
     } 
     animate(); 
    }) 
      function fitImagetoContainer() { $("img").each(function(i) { 
    $(this).width($(this).parent().width()); //or your logic 
     }); } 

//Call the function at load 
     $(window).load(function() { fitImagetoContainer(); }); 


//Also call the function when the window resizes 
     $(window).resize(function() { fitImagetoContainer(); });; 
    </script>

來源

2012-04-05 tintincutes

我想你錯過了一些標記那裏。 – Marcel 2012-04-05 10:10:35

你是什麼意思自動調整？如果圖像比容器小，比容器大，你想要發生什麼？ – 2012-04-05 10:10:55

@arasmussen：我的意思是，如果我調整瀏覽器的大小，那麼圖片也會跟隨圖片的大小。那可能嗎？ – tintincutes 2012-04-05 10:12:52

這是我在你的問題

//Create a function to resize the image with respect to parent 
function fitImagetoContainer() { 
    $("img").each(function(i) { 
    $(this).width($(this).parent().width()); //or your logic 
    }); 
} 

//Call the function at load 
$(window).load(function() { 
    fitImagetoContainer(); 
}); 


//Also call the function when the window resizes 
$(window).resize(function() { 
    fitImagetoContainer(); 
});

來源

2012-04-05 10:28:28 Starx

我是否需要將其包含在代碼的jQuery一側？ – tintincutes 2012-04-05 10:36:16

@tintincutes，是的，但在'$（document）.ready（）;'部分外部 – Starx 2012-04-05 10:37:47

請問我上面的代碼是否正確？ – tintincutes 2012-04-05 12:10:33

您需要添加CSS拋出。它更好，更易於維護。

只需將此添加到您的圖像CSS。

.fadein img {width: 100%; height: auto;} //This maintains the aspect ratio.

如果你想要的形象無論什麼填充容器：

.fadein img {width: 100%; height: 100%;} //This distorts the image to fill the container

來源

2014-05-25 14:12:16 MasqueradeCircus

自動調整圖像

回答

相關問題