How to activate the lazy loading ?

In such situation it is better to activate the Lazy Loading option to load the images first when they really should be shown in the slider. Lazy Loading is only available for the Main images in the current version.Follow the steps to actiavet Lazy Loading

Use blank images as sources instead of the original Images, and use the data-lazyload parameter:

		<li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
			<!-- MAIN IMAGE -->
			<img src="../examples&source/images/dummy.png" data-lazyload="../examples&source/images/slidebg1.jpg"   alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
			...
		

Use for any image which should be loaded within the slider with Lazy Loading the same option:

		   <img src="../examples&source/images/dummy.png" data-lazyload="../examples&source/images/woman.png" alt="">
		

Initialise the Plugin somewhere in the Body Footer:

	  	<script type="text/javascript">

				var revapi;

				jQuery(document).ready(function() {

					   revapi = jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:500,
							hideThumbs:10,
							lazyLoad:"on"

						});

				});	//ready

			</script>