I am trying to make a skeleton loader for an <img> element. In code you would simply add an onLoad attribute that executes a function that updates the class of the <img> element. How would I do this in toddle? I don't see how to access the image load event in toddle.
Max
4 months ago
Hi! You can add any event listener to an element in toddle. Just go to the "Other" section and add the one that you need 🙂
🔥1
...in the "Events" tab
Ben H
4 months ago
Perfect, thanks Max!
💪1
needtheanswers
4 months ago
@Ben H Do you mind showing how you set this up? Once you´ve set the load event how do you actually check if the image is currently loading?
I am not sure what you mean… When an image is done loading, it fires the event „load“. And by adding this event in the Events tab, you attach a listener to the img that listens for this event. If this event was not fired, the image has not finished loading
@needtheanswers
.jpeg/public)