S5 Vertex Framework

OUR FRAMEWORK IS A SET OF FUNCTIONS THAT CREATES THE CORE STRUCTURE OF A TEMPLATE. READ MORE...
Tuesday October 15, 2019
Home  //  Tutorials  //  Lazy Load Setup
  • Register
PDF
Print
E-mail
Written by Administrator
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:


 

Great Template Features

  • The S5 Flex Menu system is a very powerful plugin that provides functionality far beyond what the standard Joomla menu system can provide. Learn More...
  • Because there are so many module positions available in so many different areas, the number of layouts you can create are limitless! Learn More...
  • Need your own custom font? Vertex comes with Google Fonts API, allowing you to pick from many font families for your site. In the admin you can preview your font before even applying it! Learn More...
  • This template lets adjust the percentage width of the modules contained in any row of modules or set it to automatic. Allowing for 60/40, 30/30/40, etc. Learn More...
  • Hide the component output on any page of your site without being forced to have an article. Just select pages in the admin you desire to hide it on. Learn More...
  • Lazyload script is a great way to save bandwidth and load pages faster. Images that are not visible on the page load and are not loaded until they come into the main viewing area. Learn 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 and published website and does not make any claim of any kind to the validity of non-Shape5 content, articles, images or posts published to this site.

About Our Company

Lorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Lorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Libero tellus sit ipsum ante eu Curabitur nibh Sed Pellentesque nisl. Nibh quis laoreet mauris mi est.

Connect With Us

  • Lorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas.
  • Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla lorem ipsum.
  • Libero tellus sit ipsum ante eu Curabitur nibh Sed Pellentesque nisl. Nibh quis laoreet mauris mi est quis nibh porttitor ac pulvinar. Condimentum facilisi Phasellus tempus wisi facilisi ut.

Login



Register

*
*
*
*
*

Fields marked with an asterisk (*) are required.