• We just launched and are currently in beta. Join us as we build and grow the community.

Beloading 0.1 Beta

bigboss

Domain Authority Pro
B Rep
0
0
0
Rep
0
B Vouches
0
0
0
Vouches
0
Posts
121
Likes
192
Bits
2 MONTHS
2 2 MONTHS OF SERVICE
LEVEL 1 300 XP
a customize-able loading screen, based on jQuery UI and Bootstrap


Live Demo


beloading.gif

Dependencies:

  • jQuery
  • jQuery UI
  • Bootstrap
  • Font-Awesome

Setup:

  1. <head

    >
  2. <script

    src

    =

    'beloading.js'

    type

    =

    'text/javascript'

    ></

    script

    >
  3. <script

    type

    =

    'text/javascript'

    >
  4. $(document).ready(function () {
  5. var loader = beloading({
  6. text: 'Loading, please wait ...'
  7. })
  8. });
  9. </

    script

    >
  10. </

    head

    >

Options:

  1. options =

    {
  2. // options that will be passed and replacements in case not
  3. background:

    options.background

    ||

    'rgba(0, 0, 0, 0.9)'

    ,

    // background color
  4. icon:

    options.icon

    ||

    'fa fa-refresh fa-spin'

    ,

    // takes font awesome icon
  5. text:

    options.text

    ||

    'Behold the Beloading ahead ...'

    ,

    /// text to be displayed while waiting
  6. text_color:

    options.text_color

    ||

    'rgb(255, 255, 255)'

    ,

    // text and icon color
  7. text_font:

    options.font

    ||

    'Georgia, Times, serif'

    ,

    // text font
  8. text_shadow:

    options.text_shadow

    ||

    '0 0 30px rgba(255,255,255,0.5)'

    ,

    // text and icon shadow
  9. text_size:

    options.text_size

    ||

    '300%'

    ,

    // text and icon size
  10. effect_duration:

    options.effect_duration

    *

    1000

    ||

    3000

    ,

    // fade effect duration in seconds
  11. trail:

    options.trail

    ||

    'false'

    // to add escape button, and cancel on load event
  12. }

Full documentation here

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.

2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.


Download
You must upgrade your account or reply in the thread to view hidden text.
 

442,401

317,942

317,951

Top