Change the width of images with same class uniformly using jQuery?
<p>I have multiple images that have the same class attribute and I want to resize all the images uniformly even though they all have different original widths - how can I do this using jQuery?</p>

<pre><code>&lt;img id=img1 class="ResizeMe" src="img1.gif" width="100" height="100" /&gt;&lt;br /&gt;

&lt;img id=img2 class="ResizeMe" src="img2.gif" width="200" height="200" /&gt;&lt;br /&gt;

&lt;img id=img3 class="ResizeMe" src="img3.gif" width="150" height="150" /&gt;&lt;br /&gt;

&lt;input id="Button1" type="button" value="Shrink Images by 10%" /&gt;
&lt;input id="Button2" type="button" value="Grow Images by 10%" /&gt;
</code></pre>

<p>TIA!</p>

<p>UPDATE:  Here's the final working code I used for anyone hitting this in the future...</p>

<pre><code>        function OnClientValueChanging(sender, args) 
        {
            var zoomPercentage = args.get_newValue() / 100;

            $(".ApplyZoomEffect").each(function () {
                var newWidth = parseFloat($(this).attr('OriginalWidth')) * zoomPercentage;
                var newHeight = parseFloat($(this).attr('OriginalHeight')) * zoomPercentage;
                $(this).css('width', newWidth + "px").css('height', newHeight + "px");
            });
        }
</code></pre>
