How to loop through each image and set the size for each individual image?
<p>My code below works fine for getting the size of the first image and then adding <code>margin-top</code> and <code>margin-left</code> to each image on the page. But it's using the first image as a basis for all the other images. How can I loop through and use the size of each image to find the values it should be using for margin-left and margin-top?</p>

<pre><code>$j(document).ready(function () {

//get the image size:
var theHeight = $j("#co-logo img").height();
var theWidth = $j("#logo img").width();

//place them into the image styles:
$j("#co-logo img").css({ 'margin-top': -theHeight / 2 + "px", 'margin-left': -theWidth / 2 + "px" });

});
</code></pre>
