image loading

[ghadaYoussef]

How can we slow image loading in quasar?

[dobbel]

what is slow image loading? And why would you want that.

[ghadaYoussef]

I have a group of image and I want to load them successively i.e image no 1 will load then wait for 1 sec then image no 2 will load and so on

[dobbel]

@ghadaYoussef

https://quasar.dev/vue-components/img#QImg-API

• use the @load event of Q-img
• only set src of first image lets call it : Q-img-1

1. listen to the loaded event of Q-img-1 to set the src of Q-img-2
2. Q-img-1 image will load as normal
3. the loaded event of Q-img-1 will fire
4. in listener of theloaded event wait 1 sec and set the src of Q-img-2
5. Q-img2 will load…
   ect

[ghadaYoussef]

Thank you very much it worked