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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
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:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56 Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
I går 13:58 vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I går 13:35 Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
MDR: Transparent sikkerhed og overvågning i realtid
Læs mere »
Sådan gør du: Elektronisk dokumentudveksling i praksis
Sikkerhed uden grænser: Cisco Hypershield
Er din cybersikkerhed klar til AI-revolutionen?
Se alle »

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