Avatar of raterus
raterus
Flag for United States of America asked on

Preloading images, and getting width/height

I'm have a need when my page loads to a) Load an image and then b) get the width/height.  The problem I'm running into, at least in firefox, is when the image is first loaded, the width/height are reported incorrectly.  However, if I refresh the page, and the browser loads from cache, the correct width/heights are recorded.

Here's what I'm doing

var fppImage = $('<img />');
fppImage.attr('src', '/some/image/url.jpg').appendTo('body');

var iH = fppImage.height();
var iW = fppImage.width();

alert(iW + " " + iH);  

Open in new window


iW & iH return 24px on the first page load, but subsequent page loads return the correct dimensions of the image

It seems pretty straightforward, but doesn't work as you'd expect in firefox.  Can anyone suggest some ideas to actually preload the image?
jQueryJavaScript

Avatar of undefined
Last Comment
Zvonko

8/22/2022 - Mon
SOLUTION
Md Shah

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER CERTIFIED SOLUTION
Zvonko

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23