CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede søren99 Nybegynder
13. oktober 1999 - 17:00 Der er 20 kommentarer

Please Wait...

Jeg Skal bruge et Script som venter med at loade side inden alt grafikken er loadet.

Hjelp Meget hurtigt
Avatar billede mit Nybegynder
13. oktober 1999 - 17:37 #1
Der ligger et her :

http://www.eksperten.dk/spm.asp?id=4815
Avatar billede ab Nybegynder
13. oktober 1999 - 17:58 #2
Hvad skal du bruge det til?
Hvis det er knapper der skal skifte kan du bruge det her:

<script language="JavaScript">
<!--

  // Hvis scriptet køres = javascript
  var browserOK = false;
  var Billeder;

// -->
</script>

<script language="JavaScript1.1">
<!-- hide

  // JavaScript 1.1 browser -OK
  browserOK = true;
  Billeder = new Array();

// -->
</script>



<script language="JavaScript">
<!--

var AntalObj = 0; // Antal billeder i dokumentet

function Indlaes(navn, forste, anden, tre, ak) { 

  // indlæs billeder og placér i array

  if (browserOK) {   
    Billeder[AntalObj] = new Array(5);
    Billeder[AntalObj][0] = new Image();
    Billeder[AntalObj][0].src = forste;
    Billeder[AntalObj][1] = new Image();
    Billeder[AntalObj][1].src = anden;
    Billeder[AntalObj][3] = new Image();
    Billeder[AntalObj][3].src = tre;
    Billeder[AntalObj][4] = ak;
    Billeder[AntalObj][2] = navn;
    AntalObj++;
  }
}

function Vis(navn){
  if (browserOK) {
    for (i = 0; i < AntalObj; i++) {
          if (document.images[Billeder[i][2]] != null)
          if (Billeder[i][4] == "nej") {
        if (navn != Billeder[i][2]) {
          // Brug første billede til alle andre
    document.images[Billeder[i][2]].src = Billeder[i][0].src;
        } else {

          document.images[Billeder[i][2]].src = Billeder[i][1].src;
        }
  } else { document.images[Billeder[i][2]].src = Billeder[i][3].src;
    Billeder[i][4] = "ja"}   
  }
}
}


function Skjul(){
  if (browserOK) {
    for (i = 0; i < AntalObj; i++) {
      if (Billeder[i][4] == "nej") {
    // Brug første billede til alle billeder
      if (document.images[Billeder[i][2]] != null)
        document.images[Billeder[i][2]].src = Billeder[i][0].src;
    }
  }
  }
}
function Aktiv(navn){
if (browserOK) {
    for (i = 0; i < AntalObj; i++) {
      if (document.images[Billeder[i][2]] != null)
          Billeder[i][4] = "nej";
    if (Billeder[i][4] == "nej") {
        if (navn == Billeder[i][2]) {
        Billeder[i][4] = "ja"
      }
    } 
    }
    Vis(navn)}
}

Indlaes("Test", "test_off.gif", "test_over.gif", "test_on.gif", "nej");


// -->
</script>

I HTML skriver du:
<a href="test.htm" TARGET="main"
onMouseOver="Vis('Test')"
onMouseOut="Skjul()"
onClick="Aktiv('Test')">
<IMG name="Test" src="test_off.gif" border="0" alt="Test"></a>

Skal du kun bruge det til at loade billeder kan du bare nøjes med at bruge funktionen "Indlaes".
Avatar billede skjoldby Nybegynder
13. oktober 1999 - 19:47 #3
Her er noget jeg tror du kan bruge...

<html>
<head>
<title>Loading page</title>
<script>

n=document.layers
ie=document.all


function hideIt(){
if(ie || n){
if(n) document.divLoadCont.visibility="hidden"
else divLoadCont.style.visibility="hidden"
}
}
</script>
<style>
#divLoadCont{position:absolute; width:100%; height:95%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100}
TD{font-family:arial,helvetica}
</style>
</head>

<body onload="hideIt()">


<script>

if(ie || n)
document.write('<div id="divLoadCont"><table width="100%" height="95%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><h3>Loading Page....</h3></td></tr></table></div>')
</script>

<CENTER>
  <IMG SRC="pics/fars_2.gif" width="100" height="126">
</CENTER>

</body>
</html>


/skjoldet
Avatar billede isdan Nybegynder
13. oktober 1999 - 22:01 #4
skjoldby har du glemt at have Copyright (C) med:-(

Men  søren99 her har du scriptet med Licence :-)


<html>
<head>
    <title>Cross-browser Dynamic HTML - Loading script</title>
<script>
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************/

//Browsercheck
n=document.layers
ie=document.all

//Hides the layer onload
function hideIt(){
    if(ie || n){
        if(n) document.divLoadCont.visibility="hidden"
        else divLoadCont.style.visibility="hidden"
    }
}
</script>
<style>
#divLoadCont{position:absolute; width:100%; height:95%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100}
TD{font-family:arial,helvetica}
</style>
</head>

<body onload="hideIt()">


    <script>
    //We write the table and the div to hide the content out, so older browsers won't see it
    if(ie || n) document.write('<div id="divLoadCont"><table width="100%" height="95%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><h3>Loading Page....</h3></td></tr></table></div>')
    </script>

</body>
</html>
Avatar billede starleicht Nybegynder
14. oktober 1999 - 08:32 #5
Det er ikke sikkert du behøver at bruge JavaScript, hvis du skriver nedenstående, vil billedet "etellerandet.gif" blive "pre-loadet" som en lille prik.

<IMG SRC="etellerandet.gif" ALT="." WIDTH=1 HEIGHT=1>
Avatar billede søren99 Nybegynder
14. oktober 1999 - 08:53 #6
Jeg har prøvet alle script der er ingen af dem der virker

Hilsen Søren99
Http://Grydskold.homepage.dk
Avatar billede helle_fred Nybegynder
14. oktober 1999 - 10:11 #7
Ok, her er et nyt script. Hvert billede har en variabel, der først sættes til true, når billedet er loadet - det testes med onLoad-eventen for IMG. Når alle billeder er loadet, vises siden, og vente-beskeden skjules. Billedfilernes navne kan være hvad som helst.

<style>
#webside{position: absolute; visibility:hidden};
#ventetekst{position:absolute; visibility:shown}
</style>

<script>
function vis(){
if(pic1&&pic2&&pic3){
  if (document.layers){document.webside.visibility="show"; document.ventetekst.visibility="hide"}
  else if(document.all){ document.all.webside.style.visibility="visible"; document.all.ventetekst.style.visibility="hidden"}
  }
}
var pic1=false
var pic2=false
var pic3=false
</script>

<div id="ventetekst">
    vent til siden er indlæst......
</div>

<div id="webside">
<IMG SRC="billedfil1.jpg" onLoad="pic1=true; vis()">
<IMG SRC="billedfil2.jpg" onLoad="pic2=true;vis()">
<IMG SRC="billedfil3.gif"  onLoad="pic3=true;vis()">
</div>
Avatar billede skjoldby Nybegynder
14. oktober 1999 - 22:09 #8
isdan>>> jeg har bare gjort det lettere for ham ved at fjerne den unødvendige kommentar. Man kan da ikke copyrighte kildekode, eller hvad???
Avatar billede douglas Nybegynder
18. oktober 1999 - 03:18 #9
Er det noget som det her du mener:

<HTML>
<HEAD>
<script language="JavaScript">
<!-- Hide the script from old browsers --
function loadalert ()
        {alert("YOUR MESSAGE GOES HERE!!!")
}
// --End Hiding Here -->
</script>

</HEAD>

<body onLoad="loadalert()">

</BODY>
</HTML>

Douglas
Avatar billede giften Nybegynder
18. oktober 1999 - 23:44 #10
Skjoldby->>>>> GRRRR! *!:-( Selvfølgelig kan man det, ligesom med billeder og mp3'er
Avatar billede skjoldby Nybegynder
18. oktober 1999 - 23:50 #11
Der er sgu da ingen grund til at bliver GRRR-agtig. Jeg spurgte bare... Desuden kunne han jo bare lave funktionens navn om. Så kunne man jo ikke se det alligevel...
Avatar billede zane Nybegynder
19. oktober 1999 - 11:37 #12
Nej, man kan heller ikke se om et billede er hentet fra webbet, slet ikke hvis man bearbejder det i PS, eller hvad med at downloade et helt website og så bare fylde sine egen billeder og tekst i det.

Giften har ret, copyright er et særdeles negliseret problem på webbet, juridisk set må INTET bruge med mindre du får lov af skaberen.

Men anyways, måske ingen grund til GRRR, eller hvad???
Avatar billede wichpower Nybegynder
27. oktober 1999 - 12:30 #13
Her har du lige et DHTML SCRIPT som er lavet af Thomas Brattli(www.bratta.com) (som iøvrigt er rimelig sej)
<html>
<head>
    <title>Cross-browser Dynamic HTML - Loading script</title>
<script>
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************/

//Browsercheck
n=document.layers
ie=document.all

//Hides the layer onload
function hideIt(){
    if(ie || n){
        if(n) document.divLoadCont.visibility="hidden"
        else divLoadCont.style.visibility="hidden"
    }
}
</script>
<style>
#divLoadCont{position:absolute; width:100%; height:95%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100}
TD{font-family:arial,helvetica}
</style>
</head>

<body onload="hideIt()">


    <script>
    //We write the table and the div to hide the content out, so older browsers won't see it
    if(ie || n) document.write('<div id="divLoadCont"><table width="100%" height="95%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><h3>Loading Page....</h3></td></tr></table></div>')
    </script>

</body>
</html>

Avatar billede skjoldby Nybegynder
27. oktober 1999 - 20:09 #14
wichpower>>> Hvis du kikkede på de tidligere svar, kan du se at præcist det samme script er indsendt af ISDAN. Jeg har selv tidligere svaret med en redigeret version af 'dit' script.
Avatar billede skjoldby Nybegynder
27. oktober 1999 - 20:25 #15
Søren>>> Er det din side: http://grydskold.homepage.dk/
Hvis det er, ved jeg måske hvorfor det ikke virker, Du bruger frames. Alle vores scripts er lavet til enkelte sider. Hvis det er til den side, må du godt sige til. Jeg kan prøve at kigge på det.
Avatar billede isdan Nybegynder
27. oktober 1999 - 21:24 #16
Det skulle ikke være et svar fra mig kun et kommentar.
Avatar billede skjoldby Nybegynder
07. januar 2000 - 09:31 #17
hvad med at acceptere eller lukke det her?
Avatar billede douglas Nybegynder
07. januar 2000 - 09:53 #18
Jeg tror Søren er død. Faldet om på tastaturet.
Avatar billede jakobandersen Nybegynder
18. december 2000 - 19:57 #19
Lav en forside med alle billederne i størrelse 1x1

Giv alle billederne navne fra 1 til x...
brug så dette scipt i din head sektion:

<SCIPT language=\"javascript\">
function preload(){
if(document.1.complete AND document.2.complete AND document.x.complete){
window.location.href=\"http://www.minside.dk/selvesiden.htm\"
}
setTimeout(\"preload()\", 2 * 1000)
}
</SCRIPT>

Det scriptet gør er at hvis både billedet med navnet 1 og billedet med navnet 2 og billedet med navnet x er loaded (fyld selv flere på eller lav det med et loop) viderestiller den til: http://www.minside.dk/selvesiden.htm og når den skal indlæses har den jo alle billederne i cachen..

Hvis billederne ikke er loadet så køres funktionen igen efter 2 sekunder

--
Håber det kan bruges
Jakob Andersen...

Hvis du vil kan jeg godt lave et eksempel til dig?
Avatar billede xzxzx Nybegynder
31. juli 2001 - 16:19 #20
HeHe - Lukke tid?
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:29 Screenshot-værktøj som gemmer som WebP eller AVIF? Af eurositi i Billedbehandling
I går 20:36 Logning af data Af ABE15 i Excel
I går 19:02 Ændre Meta data JPG filer Af frem-ad i Andet software
I går 14:55 Funktionen opslag Af fkj i Excel
I går 11:57 Fejl: SQL-Sætning , ... ,"SELECT" var ventet Af per2edb i Access
White papers
Flere white papers »


Premium
Teaser billede
Lad nu være med at bruge kræfter på at forsøge at droppe Microsoft: "Det er simpelthen energi brugt forkert"
Læs mere »
BEC fyrer danske medarbejdere: Har brug for at effektivisere
Itm8 fyrer: Opsiger ansatte og reorganiserer
Dansk styrelse søger it-konsulenter til kæmpe-ordrer: Står klar med op til 365 millioner kroner
Se alle »
Computerworld
Teaser billede
Open Source-eksperimentet #2: Farvel Outlook – vi går all in med fri e-mail, kalender og Fritz Kola
Læs mere »
Første AI-angreb uden klik: En fjendtlig e-mail i indbakken udløser Copilot til at stjæle følsomme virksomhedsdata
Test: Dansk Bluetooth-højttaler giver konkurrenterne tæv – og opskriften er ret simpel
Larry Ellison er blevet 165 milliarder kroner rigere på få timer: Er nu pludselig verdens næstrigeste mand
Se alle »
CIO
Teaser billede
Open Source-eksperimentet #2: Farvel Outlook – vi går all in med fri e-mail, kalender og Fritz Kola
Læs mere »
Digitaliseringsministeriet vil droppe Microsoft: Nu reagerer tech-giganten
I weekenden fik Microsoft sparket af Digitaliseringsministeriet – nu følger Kombit trop
21 danske kommuner dropper Microsoft og Google i skolerne: Ny stor softwarepakke er under udvikling
Se alle »
Job & Karriere
Teaser billede
Fungerede ikke: Dropper AI som erstatning for kundeservice-medarbejdere - har nu brug for nye folk
Læs mere »
NNIT har fyret 100 medarbejdere - nedjusterer markant
It-chef og halv it-afdeling fyret i forsikringsselskab på grund af kommentar om potteplante
Har fælles fortid i Devoteam: Nu etablerer disse fire tunge it-profiler nyt dansk konsulenthus - ser et hul i markedet
Se alle »
White paper
Teaser billede
Sådan samler du virtualisering og containerdrift i én løsning
Læs mere »
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis
Revolutionér kundeoplevelsen med AI og automatisering
Sådan får du reel værdi ud af Microsoft Copilot
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »