One image

When you know nothing but the path to only one image.

HTML

<img id="yourImg" class="bttrlazyloading"
    data-bttrlazyloading-sm-src="img/380x380.jpg" />

JavaScript

$('#yourImg').bttrlazyloading();
OR

HTML

<img id="yourImg" class="bttrlazyloading" />

JavaScript

$('#yourImg').bttrlazyloading({
	sm: {
		src: 'http://placekitten.com/380/380'
	}
});
You may have noticed that the image placeholder (grey background that wait for the images to load) does not have the size of the image loaded. This is perfectly normal, indeed this demo does not define image 'width' and 'height' that are necessary for an optimized user experience (the plugin cannot know the dimensions of your images before they load). Check out the Different sizes demo to see the difference.