I’m trying to implement lazy loading on a blogger blog, but I’m running into some issues. The lazy load plugin in question is this one: http://www.appelsiini.net/projects/lazyload
So in the documentation, it says the images to be lazy-loaded should the the following html code format:
<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" heigh="480">
As it is the case with blogger posts, the blogger engine outputs the images in the following format:
<img class="lazy" src="img/myimage.png" width="640" heigh="480">
My question is, is it possible to make blogger output the image html with the first format, with the “grey.gif” spaceholder as default image src for all images, and the “data-original” attribute having the proper image URL so that the lazyloader actually works?
thanks in advance for any help 🙂
You can switch to HTML view, then modify each img tag according to requirement of lazy load script.