STARIOUS
Place where I share stuff related to tumblr like themes and resources. Feel free to ask me anything if you need. I'll be happy to help you. Enjoy it! /

starious is run by yvi.
status: hiatus
Latest theme
theme: chronos

release on: 08/05/2012
Tutorial: Lazy Load

“Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.” - Mika Tuupola

To use the Lazy Load effect, all you need to do is put this code before the </head> into your codes:

<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(function() {
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
$j("img").lazyload({
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
effect: "fadeIn",
});
});
</script>

Source: jQuery by John Resig & Lazy Load by Mika Tuupola

tags: #tutorial #resource
  1. aprillrose reblogged this from starious
  2. high-fever-themes reblogged this from starious
  3. duckasstheavenger reblogged this from theme-hunter
  4. guruum reblogged this from itsphotoshop
  5. rphelper reblogged this from itsphotoshop
  6. resourceplace reblogged this from itsphotoshop
  7. itsphotoshop reblogged this from starious and added:
    “Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of...
  8. yeahtutorial reblogged this from zuvia
  9. bluenaegi reblogged this from starious
  10. sesangeuro reblogged this from starious
  11. sunsettinqs reblogged this from starious
Page 1 of 1