Member Avatar for rockbd

i want a loading screen before my site fully loaded. it can be
1. loading screen before the home page fully loaded.
2. loading screen before the flash fully loaded.
3. loading screen before each page loaded.
4. loading screen before the WEBSITE fully loaded.

i used SWISHMAX 2 for flash. Not so familiar with FLASH!! [shall take a lesson soon with FLASH]

here is the web site.

:-/

i am static website designer. just started freelancing:D

  • 2 Contributors
  • 2 Replies
  • 189 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

A concise, practical guide that fills gaps from earlier replies by and : there are three realistic ways to show a loading indicator — an inline HTML/CSS overlay that appears immediately, a preloader built into the Flash/SWF that signals when it’s ready, or a single‑page/AJAX navigation model that keeps one persistent loader between views. The browser must render some HTML before anything visible can appear, so the fastest visual feedback comes from a tiny inline element and minimal inline CSS placed early in the document.

A very small, safe pattern to add near the top of the page:

<!-- place this just after <body> -->
<div id="preloader" role="status" aria-live="polite">Loading...</div>

<style>
#preloader{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:#fff;z-index:9999;display:flex;
  align-items:center;justify-content:center;font:14px/1 Arial,sans-serif;
}
.hidden{display:none!important;}
</style>

<script>
(function(){
  var pre=document.getElementById('preloader'), timer;
  timer = setTimeout(function(){ if(pre) pre.style.display='flex'; }, 200);
  function hide(){ clearTimeout(timer); if(pre) pre.className='hidden'; }
  if(window.addEventListener) window.addEventListener('load', hide, false);
  else window.attachEvent('onload', hide);
  // safety fallback
  setTimeout(hide, 12000);
  // exposed for Flash to call via ExternalInterface
  window.swfReady = hide;
})();
</script>

Flash note: prefer a Flash‑internal preloader. If the SWF can call JavaScript after its own loading (ExternalInterface.call('swfReady')), the overlay above will hide exactly when the Flash content is ready. If a site‑wide single loader is required across navigation, use AJAX/SPA techniques (back button and SEO must be handled).

Practical cautions: avoid forcing splash screens on fast loads (show loader only after a short delay), provide a timeout/fallback so the spinner never hangs, keep the UX short or skippable, test with throttled networks, and focus first on reducing initial payload (image compression, combine/minify, lazy load) so a loader is rarely needed.

Recommended Answers

All 2 Replies

Member Avatar for rockbd

so i see!! nobody knows anything about it!! or nobody helping!!!

Member Avatar for MidiMagic

It is impossible to do some of these.

i want a loading screen before my site fully loaded. it can be
1. loading screen before the home page fully loaded.

- In order for the page to load, the browser must be displaying it, so the browser can render things. The browser must create it in the video display memory.

2. loading screen before the flash fully loaded.

- The flash player has that.

3. loading screen before each page loaded.

- Same as #1 above.

4. loading screen before the WEBSITE fully loaded.

- The website is never fully loaded at the same time, unless it has only one page. Each page must be loaded separately. Loading each page throws out the preceding page.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.