esKju's LazyLoading

EsKju's LazyLoading is a tool for loading content just in time in a Facebook-similar style. It was built using the jQuery library. Licensed under MIT and GPL licenses.

Features

• Supersedes dowdy paginations
• Customizable trough settings and CSS
• Highly compatible
• Uses CSS3 transitions by default

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: cwdesigns.de

1. INCLUDE CSS AND JS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/eskju.jquery.lazyloading.js"></script>
<link rel="stylesheet" href="css/eskju.jquery.lazyloading.css" />

2. HTML

<div id="example1">
	<div class="esKju-lazyloading" data-request="demo/demo.html">
		<!-- The content will be loaded as soons as this container is visible -->
	</div>
</div>

3. JAVASCRIPT

$( document ).ready( function( )
{
	options = {
		container: $( "#example1 .esKju-lazyloading" ), 
		maxPages: 3
	};
	
	new esKjuLazyLoading( options );
} );

4. CUSTOMIZE YOUR STYLE

To create your own fresh look, customize the stylesheet file. Sample examples:

#example1 .esKju-lazyloading
{
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    overflow: hidden;
    -webkit-transform: scale( 1.05 ) translateY( 100px ) skewY( 3deg );
    -moz-transform: scale( 1.05 ) translateY( 100px ) skewY( 3deg );
    -o-transform: scale( 1.05 ) translateY( 100px ) skewY( 3deg );
    -ms-transform: scale( 1.05 ) translateY( 100px ) skewY( 3deg );
}

#example1 .esKju-lazyloading-loaded
{
    opacity: 1;
    -webkit-transform: scale( 1 ) translateY( 0px ) skewY( 0deg );
    -moz-transform: scale( 1 ) translateY( 0px ) skewY( 0deg );
    -o-transform: scale( 1 ) translateY( 0px ) skewY( 0deg );
    -ms-transform: scale( 1 ) translateY( 0px ) skewY( 0deg );
}