Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- blindfish March 2016
Preloading lots of images?
Hey guys, I'm new to P5 but can't think of how to solve this issue. Basically, on page load, I want to preload a whole image folder so that lots of images can be used as css background-images without any loading occuring during the rest of the site visit.
Unfortunately, i'm working with over 100 images all of which are fairly high quality. When I switch between background-images, I get the slight flicker whilst it loads the next bg-image. Any advice on how to solve this issue?
Tagged:
Answers
Instead of trying to load them all up-front (which is a really bad idea) you should instead be loading them individually either when required or in the background in readiness for when they are required; and test that an image is loaded before displaying it... pseudocode: