Questions tagged [preloader]

Preloader is usually referred to the Gif image shown to user to indicate wait or processing state.

Preloader is usually referred to the Gif image in-which an indication for the user to wait or processing state. It seems like the following images samples:

enter image description here enter image description here enter image description here

Preloaders are widely used with era because it usually includes some changes that may take some time without reloading the page so the user should be visually alerted that something is being done.

List of some popular online preloaders generators

706 questions
3
votes
1 answer

Show loading percentage in react

Hi I implemented a loader in react as shown below. ReactDOM.render( "loaded", document.getElementById("root") ); body, #root { width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; …
Prateek
  • 834
  • 9
  • 28
3
votes
2 answers

How to go about writing a Javascript pre-loader?

I'm not talking about how to pre-load images using Javascript, I am thinking more along the lines of a Flash preloader which displays some sort of feedback while the SWF loads. The site in question has heavy Javascript usage and requires many large…
Matthew Scharley
  • 127,823
  • 52
  • 194
  • 222
3
votes
1 answer

Creating a PDF preloader in Javascript

I have a website that displays a pdf file embedded in the browser. The code for it is below: document.getElementById("bigone").innerHTML = ''; Basically…
NavMan
  • 345
  • 1
  • 5
  • 10
3
votes
3 answers

BG Image preloader in JQuery

I have an array of images var photos = ["images/bg01.jpg", "images/bg02.jpg", "images/bg03.jpg"]; I am cycling through this array and making them the background of a div based on a interval $("#bgimg" + activeContainer).css({ …
RGilkes
  • 35
  • 4
3
votes
2 answers

Pre-Load Multiple Videos in Flash? In Flex?

I'm doing a project where we play multiple videos back to back, and if we load them the normal way by providing a stream url, there is a load delay each time we start the next video. I've looked through Adobe's docs for both Flash and Flex, and I…
rjurney
  • 4,824
  • 5
  • 41
  • 62
3
votes
3 answers

Preloader with JQuery OR Advanced Page Load Behavior with jQuery Progress Bar

We have a jQuery Progress Bar. Is there a way we can have the progress bar displaying the loading of an HTML page which has PHP, CSS & JavaScript and all in it? Like a preloader and when the page has been downloaded and rendered fully then display…
Moon
  • 19,518
  • 56
  • 138
  • 200
3
votes
1 answer

Flex Preloader sometimes doesn't show before it is at 100%

I have created a Flex custom preloader, exactly like it is done in this example: http://www.gotoandlearn.com/play?id=108 Now when I implement this, is seems to work fine on my computer in FireFox and Chrome. I publish it on the server, refresh my…
Bocaxica
  • 3,911
  • 3
  • 37
  • 54
3
votes
3 answers

Show loading gif until all images are loaded?

I'm building a portfolio site with Bootstrap 3, using a carousel as full background. What I want is to be able to show a loading gif till the array of images of every site is loaded, as the images will be big. Here's the html code i'm using right…
Eric Mitjans
  • 2,149
  • 5
  • 40
  • 69
3
votes
1 answer

prevent Adobe Edge preload.js file from loading jquery

First I have to say that I am not a professional programmer but designer learning by doing. So I am afraid I need simple explanations if possible. I am using Edge animate as parts of a website with the help of a particular script (by Andrew Trice,…
Garavani
  • 755
  • 1
  • 13
  • 28
3
votes
1 answer

Meteor: Showing loading spinner at initial load

So I just finished my first meteor project. It's a web app for smartphones and tablets which basically crowdsources Q&A sessions at talks/presentations. It's called Questful. Anyways ... my problem is that on initial first load all the JS files…
Patrick DaVader
  • 2,133
  • 4
  • 24
  • 35
3
votes
4 answers

Preloader in actionscript 3 - Reference Error on getDefinition()

I'm writing a preloader: package { import flash.display.DisplayObject; import flash.display.Sprite; import flash.text.TextField; import flash.display.LoaderInfo; import flash.events.MouseEvent; import flash.events.Event; …
Timmy
  • 12,468
  • 20
  • 77
  • 107
3
votes
1 answer

Preloader size guidelines

I'm working on a high-end flash site (AS3) with lots of video, hi-res graphics, and sound effects; needless to say, the initial preloader's got a lot of work to do (just to get the site to a point where additional assets can be loaded on the fly as…
justinbach
  • 1,945
  • 26
  • 44
3
votes
1 answer

How do I get rid of white background on my SWF file?

I'm putting a SWF file into an HTML page in GoLive, and even though all my code and SWF file are set to a blue background, there is a quick second during the loading of each page where my entire SWF document is completely white on top of the blue…
Jeron
  • 31
  • 1
  • 3
3
votes
1 answer

How can I use a custom gif loader for Lists in Sencha Touch?

When you use the Ext.dataview.List in Sencha, it automatically inserts a nice loading spinner while the data is loading. That's all fine and dandy, but I'd like to know how to use a custom loader .gif. I've looked around and think I need to change…
Alex
  • 113
  • 3
  • 10
3
votes
1 answer

How to create preloader for ExtJS 4 application

I would like to add preloader screen in my application to serve to two purposes: To show some progress about the initialization or overall loading of application to user In future to display important notice or new features roll out message while…
Nas
  • 887
  • 1
  • 11
  • 21