Using the Image Preload Setting

With the update to Foundation for RapidWeaver 1.3, we have added an option to the image stack that allows the space for the image to be reserved before the image acutually loads. This is called a Reflow Effect. To take advantage of the Reflow Effect, you will want to look at the image settings:

Foundation Image Stack Settings

Once you are in the Stack settings, you will want to find the look for the setting that is called Preload? (Recommended). If you turn this on, your stacks settings will change.

Foundation Image Stack Settings

Once you check that, the stack shows Actual Width and Actual Height settings. What you need to put here is the actual size of the image in terms of pixesl. This helps the stack make the space it needs before the image loads.

Now go forth and make your websites great!