Avatar billede jakobblochehlers Nybegynder
30. oktober 2000 - 11:26 Der er 1 kommentar og
2 løsninger

Preloader og filåbning

Jeg er ved at lægge sidste hånd på hjemmesiden:

www.000webvisage.dk

Som det ses, så åbner den ikke særlig pænt.

Jeg skal derfor have lagt en preloader ind, så selve siden første kommer frem på skærmen når alle filer er loadede.

Desuden skal filen (en flashfilm) med billardet åbne sidst. så denne film først starter, når siden kommer frem på skærmen - det vil sige når preloaderen lukker.

Findes der et smart Java script, der:

1) laver en preloader, der lukker ned når alle filer er læst ind - og:

2) styre rækkefølgen som filerne åbner, så filen med billardet loader sidst?

Jeg har ikke forstand på java og har forsøgt at løse problemet i HTML - men jeg kommer ikke rigtig nogen vejne.

Håber der er nogen, der kan hjælpe.

Avatar billede ldanielsen Nybegynder
30. oktober 2000 - 13:06 #1
Du kan ikke styre rækkefølgen af billederne.

Du kan godt preloade, men det skal gøres på en forgående side. Og du kan ikke være sikke på at brugeren ikke får ventetid alligevel.

Jeg vil foreslå at du bruger sort baggrundsfarve i din tabel, eller evt på hele siden.

Og så e du da ikke bange af dig, at bruge mellemrum i et filnavn!!

PS: Det hedder JavaScript, Java er noget helt andet
Avatar billede centauri Nybegynder
03. november 2000 - 13:23 #2
Her er et Preload Eksempel

<HTML>
<HEAD>
    <SCRIPT LANGUAGE=\"JavaScript\">
    window.onerror = null;
    ns4 = (document.layers) ? true:false;
    ie4 = (document.all) ? true:false;
    function preload () {
        if (ns4) {
            document.Epreload.visibility = \"hide\";
            //document.Emain.visibility = \"show\";
        } else if (ie4) {
            document.all[\"Epreload\"].style.visibility = \"hidden\";
            document.all[\"Emain\"].style.visibility = \"visible\";
        }
    }
    // Netscape Resize Fix
    function resizeFix() {
        if (widthCheck != window.innerWidth || heightCheck != window.innerHeight) {
            document.location.href = document.location.href;
        }
    }       
    if (ns4) {
        widthCheck = window.innerWidth;
        heightCheck = window.innerHeight;
        window.onResize = resizeFix;
    }
    </SCRIPT>
</HEAD>

<BODY BGCOLOR=\"#3399CC\" TEXT=\"#000000\" LINK=\"#006699\" ALINK=\"#ff0000\" VLINK=\"#000080\">

<DIV ID=\"E\" STYLE=\"visibility:show;\" >
    <DIV ID=\"Epreload\" STYLE=\"visibility:show;\">
        <SCRIPT LANGUAGE=\"JavaScript\">
            if (ns4 || ie4) {
                document.write(\'<br>Indlæser...\');
            }
            if (ie4) {
                document.all[\"Epreload\"].style.left = \"30%\";
            }
        </SCRIPT>
    </DIV>

    <DIV ID=\"Emain\" STYLE=\"visibility:show;\" ALIGN=\"center\">
        Her er det virkelige indhold
    </DIV>
</DIV>

<SCRIPT LANGUAGE=\"JavaScript\">
    preload();
</SCRIPT>

</BODY>
</HTML>

Avatar billede jannestrid Nybegynder
13. november 2000 - 22:00 #3
Eksemplet ovenfor virker sikkert, men for å gi deg et alternativ kan du få denne snurren som jeg nettopp laget av omtrent samme grunn. For at den skal virke må du i hver frame du har legge en <body onLoad=\"loaded=1 ; opencurtains(frame1,frame2,...)\"> frame1 representerer da hele scope-kjeden. Dessuten må du lage et layer i hver frame som dekker over det hele, og se til at den ikke er transparent,selvsagt. På en av disse skriver du det du vil - vent litt, eller noe. samtlige disse layers skal hete \'wait\', og du må se til å ha zIndex=1 ubrukt i samtlige frames.

Da skulle det funke ved å legge følgende i <head>:

function opencurtains() {
var args=opencurtains.arguments,prod=1,x;
for (i=0;i<(args.length);i+=1)
{x=args[i];prod=prod*(x.loaded)}
if (prod==1)
{for (i=0;i<(args.length);i+=1)
  {if (navigator.appName.indexOf(\'Netscape\')!=-1)  {x=args[i];if(typeof(x)==\"object\")    {x.document.wait.zIndex=1;
x.document.wait.visibility=\'hide\'}}
else
{x=args[i];if(typeof(x)==\"object\"){x.wait.style.zIndex=1;
x.wait.style.visibility=\'hidden\'}}}}
}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester