Question

I am using <img> onload function to trigger the resize action on the image that has been loaded. But I found if in one webpage there is two or more <img>s with the same “src”, which means the image is the same, the latter <img>‘s onload() function will not be invoked. How to make sure that all the <img>s are properly resized even when there are some <img>s with the same src?

Thanks.

Answer 1

This is happening because your browser is actually caching the first image. So when you attempt to load the same “src” again, it’s cached locally and never actually fires an onload. To get it to load at all times, you could append on a unique value to the query string.