https://github.com/zerc/jquery-loader

Small jQuery plugin to do animated gif loaders with opacity overflow over html elements.
https://github.com/zerc/jquery-loader

animated-gif-loaders css html-element javascript jquery jquery-plugin loader opacity-overflow

Last synced: about 2 months ago
JSON representation

Small jQuery plugin to do animated gif loaders with opacity overflow over html elements.

• Host: GitHub
• URL: https://github.com/zerc/jquery-loader
• Owner: zerc
• License: mit
• Created: 2013-08-04T00:17:40.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2014-08-30T19:15:54.000Z (over 10 years ago)
• Last Synced: 2024-10-15T04:42:54.046Z (3 months ago)
• Topics: animated-gif-loaders, css, html-element, javascript, jquery, jquery-plugin, loader, opacity-overflow
• Language: JavaScript
• Homepage: http://zerc.github.io/jquery-loader/
• Size: 214 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
jquery.simpleLoader

===============

Small jQuery plugin for do animated gif loaders with opacity overflow over html elements.

## Setup

Put `jquery.simpleLoader.min.js` into your js folder.

Include script tag after jquery:

``

Include css from `loader.css' inside your css file or just put

``.

## Usage

Default you can use `$('.foo_div').Loader('show')` or `$('.foo_div').Loader('hide')` methods for show/hide loader over selected element.

Also you can overwrite default css for loader elements. Example:

```

$('.foo_div').Loader({css: {

    'overflow': {'background': 'red'}

}});

```

You can init many loaders on one page. Every loader elements have loader_index class and you can set different styles for:

```

.loader_0 .loader_overflow {

  background:red;

}

.loader_1 .loader_overflow {

  background:green;

}

```