Lazy Loading Nivo Slider
A fork of Nivo Slider enabling lazy loading of images.
- Dozens of images in the slideshow
- Very large images
- Mobile environments
Works exactly like the existing Nivo Slider with one little change. Add a
data-src attribute to your images:
<img src="my-image.jpg" alt="" title="Caption for my image.">
<img data-src="my-image.jpg" alt="" title="Caption for my image.">
And that's it!
Though it's highly recommended to include a
data-src has precedence over
View the live example: http://leepowers.net/files/nivo/demo/demo-lazy.html
demo/demo-lazy.html in the repository for example code. (Or view source on the demo)
onImageLoad event is exposed and triggered whenever an image starts loading. May be called multiple times per image.
About the author
Forked by Lee Powers: http://leepowers.net
I've needed this for a while for slideshows with large images or a large number of images. Tried dabbling in creating my own jQuery slideshow plugin, but Nivo already has 99% of what I'm looking for. Reading this Stack Overflow question provided any additional push needed to get this working!
About Nivo Slider
To find out more about Nivo Slider visit the home page at http://nivo.dev7studios.com
Nivo Slider GitHub Project Page: https://github.com/ho-nl/Nivo-Slider