• Register
You are here: Home Features Vertex Template Features Lazy Load Enabled

Lazy Load Images

  • Print
Details
Category: Latest
Published on Friday, 12 August 2011 18:35
Hits: 7162
The lazy load script is a great way to save bandwidth and load your pages much faster. Images that are not visible on the initial page load are not loaded or downloaded until they come into the main viewing area. Once an image comes into view it is then downloaded and faded into visibility. Scroll down this page to see the script in action.

Setup is very easy! By default this script is disabled, in order to enable it simply choose All Images or Individual Images from the drop down, as shown below from inside the template configuration page.



All images will load every standard image on the page with lazy load. There is no extra configuration or extra code to add with this configuration, it will just happen automatically. Individual images would be used if you want only certain images to load with this script and not all of them. To do this simply add class="s5_lazyload" to the image like so:
<img class="s5_lazyload" src="http://www.yoursite.com/image.jpg"></img>


This script is compatible with Firefox3+, IE8+, Chrome14+, Safari5.05+, Opera 11.11+

See the script in action:


Tiger Woods Is Back

Orci rutrum lac egestas venen atis Sed dolor condimentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem
Read More...

Ravens Look To The Future

Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Orci rutrum lac egestas venen atis Sed dolor condimentum. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem
Read More...

Ready For London 2012

Orci rutrum lac egestas venen atis Sed dolor condimentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem.
Read More...

World Cup Finals Overview

Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Orci rutrum lac egestas venen atis Sed dolor condimentum. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem
Read More...

Demo Information

All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published. Stock photography was purchased from shutterstock.com for this demo only, and is not included with this template. Links will be provided for some images if you wish to purchase them from their copyright owners.

Site Shaper Available

Do you need a website up and running quickly? Then a site shaper is just what you are looking for. A Site Shaper is a quick and easy way to get your site looking just like our demo in just minutes! It includes Joomla itself, this template and any extensions that you see on this demo. It also installs the same module and article content, making an exact copy of this demo, excluding stock photography. Learn More...