double-buffer.js

Smoothly load images sequentially.

An image is first pre-loaded, then faded in on the front buffer. Once fully shown it's swapped to live permanently on the back buffer. At this point a new image can be faded in, leading to smooth fadein transitions.

Useful for galleries or backgrounds displaying potentially infinite images.

Here an inital image fades in, and another immediately fades in on top.

Install

npm install gaggle/double-buffer.js

Use

var DoubleBuffer = require("double-buffer.js") buffer = new DoubleBuffer(parent, undefined, {duration: 1000}) buffer.set("./clouds.jpg")