With all this internet going around, sometimes you just want to experience the thrill of a long page load. Give your users the chance to enjoy a little slice of the future by slow loading your website's images with ComcastifyJS!

1. Include comcastify.js on your page, or use the latest version from our CDN:

   <script src="https://code.onion.com/comcastify.js"></script>

2. Prepare the images on your page on document ready (so images don't show up before the box):

   comcastifyjs.letsPrepareTheseImages();

3. Initialize comcastify on window load (so image sizes are properly calculated):

   comcastifyjs.fixMyImagesLoadingSoFast({
       boxColor: '#123456',
       loadMaxPercent: 0.75,
       loadSpeed: 100,
       loadIncrement: 5
   });

4. Switch up parameters to change your experience:

   • elements : A list of DOM elements to limit comcastification to.
   • boxColor : The hex color for the box placed over images.
   • loadMaxPercent : The max percentage of image to load. (0 to 1)
   • loadSpeed : Time required to load your images to their max in ms.
   • loadIncrement : Number of pixels to load each time the loadSpeed timer ticks.
   • randLoadIncrement: Set to true to make load increment random, loadIncrement ignored in this case.
   • randomPause : Probability of skipping a pass each time the loadSpeed timer ticks. (0 to 1)
   • progressiveJPEG Set to true to enable progressive JPEG emulation

See an example on the project's site at: https://theonion.github.io/comcastifyjs/

Or, see it modeled by these koalas!

Now grab a coffee and enjoy the load times!