Beloading 0.1 Beta

Submitted by Mohamed Feddad on Thursday, January 4, 2018 - 22:34.

Language

JavaScript

a customize-able loading screen, based on jQuery UI and Bootstrap

Dependencies:

jQuery
jQuery UI
Bootstrap
Font-Awesome

Setup:

<head>
  <script src='beloading.js' type='text/javascript'></script>
  <script type='text/javascript'>
    $(document).ready(function () {
      var loader = beloading({
        text: 'Loading, please wait ...'
      })
    });
  </script>
</head>

Options:

options = {
  // options that will be passed and replacements in case not
  background: options.background || 'rgba(0, 0, 0, 0.9)', // background color
  icon: options.icon || 'fa fa-refresh fa-spin', // takes font awesome icon
  text: options.text || 'Behold the Beloading ahead ...', /// text to be displayed while waiting
  text_color: options.text_color || 'rgb(255, 255, 255)', // text and icon color
  text_font: options.font || 'Georgia, Times, serif', // text font
  text_shadow: options.text_shadow || '0 0 30px rgba(255,255,255,0.5)', // text and icon shadow
  text_size: options.text_size || '300%', // text and icon size
  effect_duration: options.effect_duration * 1000 || 3000, // fade effect duration in seconds
  trail: options.trail || 'false' // to add escape button, and cancel on load event
}

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.

Add new comment

52 views