Ridimensionare immagini con jQuery e resizeImageToParent

Il plugin per jQuery resizeImageToParent, fa esattamente quello che dice: ridimensiona una immagine in base alla dimensione del contenitore in cui si trova.

In teoria dovrebbe anche centrarle, ma non mi è ma capitato questo caso.

Comunque, una volta scaricato il plugin vi basta questo codice:

<script 
src="script/Resize-Image-To-Fit-Its-Container-jQuery/jquery.resizeimagetoparent.min.js">
</script>
                <script>
                    $(function () {
                        $('#img_home_left').resizeToParent();
                    });
                </script>
<div>
   <img src="logo.png" id="logo_home">
</div>

Questo si occuperà di ridimensionare l'immagine anche in caso di cambiamento della dimensione della browser.

Enjoy!