Today I bring a JQuery plugin called Lazy Load that allows images uploaded after the siege and when we go down with the scroll, when displaying the image, it would charge an opacity effect.
This jQuery plugin is very useful to improve the optimization of our blogs and therefore our position in Google. You can see in this blog that I use JQuery plugin and has a cute style and is very practical.
[1] We're going to Layout> Edit HTML and before </ head> we will paste the following code:
<Script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type = 'text / javascript' /> <script src = 'http: // dl .dropbox.com / u / 3301800 / LazyLoad.js' type = 'text / javascript' />
<script type = 'text / javascript'>
jQuery (document) .ready (function ($) {
jQuery (& quot; .post . img & quot;) lazyload ({
effect: & quot; & quot ;, fadeIn
});
});
</ script>
[2] We Preview and if he did not show us any error in the blog we click on Save .
Note: The red part is the call to JQuery 1.4.2, if you have already built into your blog, it is not necessary that you add.
Subscribe to:
Post Comments (Atom)
Post a Comment