jQuery imgautosize是一個jQuery插件,用于調整圖像大小以適應父容器的大小,既可以在上載時進行,也可以在運行時進行。
此插件通過將類imgautosize應用于圖像標記來應用,并將該標記包含在一個元素中,該元素將充當此插件的父容器。
一個示例是:
<div class="container"> <img class="imgautosize" src="example.jpg" /> </div> <script> $(document).ready(function(){ $('.imgautosize').imgAutoSize(); }); </script>
此示例將example.jpg圖像標記置于類container的DIV元素中,并使用類imgautosize應用此插件。 運行時腳本將imgautosize類的圖像調整為容器大小。