#animated spinner

[10basetom]

Using animated gifs for spinner / loader animation can be quite convenient, and sites such as AjaxLoad allow you to create them to your liking. However, being the early optimization evil person that I am, I was wondering if I could get those off a CDN.

There are lots if you know where to look. cdnjs is a good place to start since they are one of the fastest CDNs around. Try looking through a few carousel plugins and you’re bound to find one. Example using BxSlider:

https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/images/bx_loader.gif

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/fakeloader-js-create-an-animated-spinner/

fakeLoader.js - create an animated spinner

Download   Demo

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="yourPath/fakeLoader.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="yourPath/fakeLoader.min.js">

2. HTML

<div id="fakeLoader"></div>

3. JAVASCRIPT

$(".fakeloader").fakeLoader();

4. OPTIONS

$(".fakeloader").fakeLoader( timeToHide:1200, //Time in milliseconds for fakeLoader disappear zIndex:"999",//Default zIndex spinner:"spinner1",//Options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' bgColor:"#2ecc71", //Hex, RGB or RGBA colors imagePath:"yourPath/customizedImage.gif" //If you want can you insert your custom image );