DRIVE-THRUJS Lite / DRIVE-THRU.JS Lite (Plugin)

Super-Simple-Image-Carousel-Lazy-Loader

All you need is 4 things:

1. jQuery
2. The "Drive-Thru" script
3. Place this in your carousel script where you can pass in the current slide number each time it changes: DRIVE_THRU.load(num);
4. Then make each <img> element look like this: <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-drive-thru="http://your-actual-image-url.jpg" alt="alternate text here"/>
   • Optional fallback (don't worry, it doesn't get loaded but makes images available to users without JavaScript): <noscript> <img src="http://your-actual-image-url.jpg" alt="alternate text here"/> </noscript>

EXAMPLE: