I'm trying to retrieve image dimensions after the page is loaded and if the view port size is modified. I can retrieve image dimensions after page load with .load but once the view port is modified, I haven't figured out how to retrieve the new image sizes.
I have written a function that is executed when the document is ready:
When the viewport is modified, I'm calling the same function:
The function is perfectly executed in both cases except for load events that are only triggered when the document is complete and not anymore if the viewport is modified.
console.log('view port updated');
// Here I retrieve the final image size
when the page is loaded, I see 'view port updated' and 'image loaded' in my console but if I resize the window, I only see 'view port updated'. I suppose that the .load only work once and changing the view port size has no effect.
I'm probably not using the right approach but I don't know how to solve this issue.