Your Cart
    Subtotal

    Is this your street address?

    Card

    ···· ···· ···· 4242
    Test card

    05/18

    Card

    Use a different card?

    Card

    pp paypal

    or pay with

    We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

    or pay with

    Your purchase was successful!

    We charged your card and sent you a receipt

      Gumroad Library

      Download from the App Store or text yourself a link to the app

      Craig Buckler

      Web development code, resources, and tutorials.

      Follow for posts on what Craig Buckler is creating.

      progressive-image.js

      progressive-image.js implements an attractive lazy-loading image. A very small, blurred image is replaced with the full-resolution equivalent when the element is scrolled into view.

      Basic usage - use a tiny <img> with a link to the full image with the following classes:

      <a href="full.jpg" class="progressive replace">
          <img src="tiny.jpg" class="preview" alt="image" />
      </a>

      Benefits include:

      • saves unnecessary bandwidth
      • fast loading, high performance, images loaded on view
      • supports any image type (JPEG photographs are most appropriate)
      • supports responsive images (srcset and sizes attributes)
      • supports CSS background images
      • supports native lazy loading and aspect ratios
      • lightweight: 1,358 bytes of JavaScript, 407 bytes of CSS (minified)
      • any CSS reveal effect can be applied
      • no external dependencies - works with any framework
      • makes up to three attempts if images fail to download
      • works in all modern browsers (IE10+)
      • progressively-enhanced to work in older browsers
      • easy to use

      Please donate to support development, receive priority support, and suggest new features.

      Sorry, this item is not available in your location.
      Sold out, please go back and pick another option.

      Checkout

      progressive-image.js

      Enter your info to begin your Monthly subscription. You can cancel anytime.

      Card

      ···· ···· ···· 4242
      Test card

      05/18

      Card

      Use a different card?

      Card

      pp paypal

      or pay with

      We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

      or pay with

      You'll be charged US$1 today.

      Your subscription was successful!

      We charged your card and sent you a receipt

        Gumroad Library

        Download from the App Store or text yourself a link to the app

        Good news! Since you already have a Gumroad account, it's also been added to your library.

        Powered by Gumroad