Okay... I figured out why it's not working. My code is firing before the images are fully loaded, therefore the width of the image is zero until the browser downloads the image.
I installed a click event on each image which reported the actual width correctly. So, how might I only run this code AFTER the images have loaded? $('img').each(function(){ alert(this.offsetWidth>500); }); Alternately, is there a way to test to see if the image is broken using jQuery? On Oct 29, 10:54 am, ricardobeat <[EMAIL PROTECTED]> wrote: > Besides the bracket weidc mentioned, is your document valid? > > I get the correct image width by using width() on both IE and FF. > Alternatively you can check for the offsetWidth attribute. > > $('img').each(function(){ > alert(this.offsetWidth>500); > > }); > > On Oct 29, 11:30 am, "Andy Matthews" <[EMAIL PROTECTED]> > wrote: > > > I'm loading in a batch of images dynamically. Some of the images might not > > exist and I'm wondering how I might test for that image using jQuery > > (1.2.6). All I really want to do is to remove that img from the DOM so that > > it doesn't show on the page. > > > I thought at first it would be simple enough to test the width of the image. > > All the valid images should be around 600 pixels wide, whereas the broken > > image should be 30 or so. > > > I tried this: > > > ${'img').each(function(){ > > alert( $(this).width() ); > > > }); > > > But I got 0 for both a valid, and invalid, image. Anyone have any ideas? > > > andy