» » load

 
Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

Realize JavaScript image lazy loading by micro library Echo

Author: bamboo06 on 22-02-2019, 15:56, views: 2300

0 Echo.js is a standard stand-alone javascript image lazy loading (lazy loading) library. It is very small and fast, only 2KB. It uses HTML5's data-* attribute to delay the request to load image resources without relying on any third-party plugin libraries. Especially suitable for applications that need to load a large number of pictures on the mobile side.
Realize JavaScript image lazy loading by micro library Echo

Blank.gif is a 1 x 1 image used as the default image. The attribute value of data-echo is the real address of the image. You can set the width and height of the image, or set it in CSS, otherwise it seems that the image at the bottom and bottom is lazy.

Category: Javascript / Plugins

 

Large image loading optimization solution

Author: bamboo06 on 4-12-2016, 00:35, views: 10707

11 We browse the page to load a large size picture, the picture size is relatively large, we will see the browser to load the picture from top to bottom when the picture will be displayed until the picture is complete on the page, so that the image from the blank area To fully loaded process is more unexpected, the user experience is relatively poor.
Large image loading optimization solution

We use the solution is to first load a small thumbnail, it may only 1K or so, and according to the required size of fuzzy display, wait until the large size of the picture to download a good and then complete the show large picture. This gives the user the feeling is to load the fuzzy picture, and then become clear picture, picture loading process fluently, greatly improve the user experience.

Category: Javascript / CSS / Plugins

 

Use fakeLoader.js to create page loading animation

Author: bamboo06 on 24-11-2015, 23:38, views: 8308

6 fakeLoader.js is a lightweight jQuery plugin which can help us to create a full-screen transition animations load, when the page is loaded, display the loading animation, when the content of the page finished loading animation disappears to display the page.
Use fakeLoader.js to create page loading animation

HTML
We only need to add the following code on the first line of the [body].

Category: Javascript / Plugins

 

Picture and page loading effects realized by jQuery oloader plugin

Author: bamboo06 on 27-11-2014, 03:29, views: 2945

13 We use jQuery's ajax iframe in the page using the same load as the other content of the page, and today I have to share a plugin called jQuery oLoader, the plug-in also integrates oPageLoader, you can easily load the pictures and pages pretty effect.
Picture and page loading effects realized by jQuery oloader plugin

oLoader Use
Whether or oPageLoader oLoader are based on jQuery, so please be loaded before calling jquery library.
Call jQuery oLoader very simple sentence as follows.

Category: Javascript / Plugins