Ja gets the height of a picture and assigns it to div,. How can it be refreshed once before it appears?

clipboard.png
js first gets the height of a picture, and then assigns a value to the height of a div. Why is it displayed after refreshing? how to solve it? ask for the elder"s advice. Thank you!

Web css html jquery javascript
Mar.10,2021

display

after refresh

I guess the process might be like this:

  1. visits the page for the first time and gets the width and height (but the picture hasn't been loaded yet, so it fails. )
  2. then the picture is loaded
  3. the cache for direct reading of images when you visit the page for the second time
  4. get the correct width and height

so, your acquisition of offsetHeight should be done after making sure that the image has been loaded.

clipboard.png

my js is at the bottom of the page. My younger brother, a rookie, will trouble the elder to take a look at it again.

can you see if your imgHeight is 0 when it doesn't work? It feels like when performing js, the picture is not loaded and has no height.

Image loading is non-blocking, and the entire execution process needs to be performed after img's onload (or window.onload).

Previous: The tp3.2 setting forbids access to the Public directory

Next: Vue project, some of the code logic in the project is the same, the writing is also the same, how do I encapsulate it into a common method to complete different functions. Look at my detailed description.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b336c1-2be87.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b336c1-2be87.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?