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 dag 12:51 eclipse Af OBS i Java
I går 19:29 Slette en "Favorit" på Samsung Galaxy A 14 - 5G Af Ikke-ekspert i Mobiltelefoner
I går 12:30 Problemer med Æ, Ø og Å ved søgning Af cht22 i MySQL
I går 09:00 Which PDF split tool is completely virus-free and safe to install? Af mark willson i Office & Kontorpakker
I går 08:12 Windows Installation Af Okki i Windows
White papers
Flere white papers »


Premium
Teaser billede
Amerikansk militær kan sætte sig på danske telefrekvenser: Danske mobilkunder kan miste adgang
Læs mere »
Betjentene Mathias og Nicklas spiller centrale roller i dansk it-politi: Her er historien om den store cyber-aktion Operation Endgame
Microsofts nye europæiske løfter løser ikke alle problemer, men særligt et punkt vækker glæde, siger Henning Mortensen
Her er priserne: Europæiske cloud-løsninger er langt billigere end de amerikanske giganter
Se alle »
Computerworld
Teaser billede
Test: Derfor er Apples 100.000 kroners Mac et forrygende køb
Læs mere »
Ændring af OneDrive: Microsoft vil lokke brugere til at synkronisere personlige filer til arbejds-pc'er
Apple har netop opdateret dit kort: København er nærmest blevet helt forandret
NIS2-loven enstemmigt vedtaget i Folketinget: Her er den nye lov - træder i kraft 1. juli
Se alle »
CIO
Teaser billede
NIS2-loven enstemmigt vedtaget i Folketinget: Her er den nye lov - træder i kraft 1. juli
Læs mere »
Europæisk alternativ til Microsoft 365 oplever enorm interesse: Donald Trump og JD Vance giver det kæmpe boost
Han er CISO for over 300.000 ansatte: Nu kommer han med kras kritik af SaaS-leverandører og cloud
Her er Microsofts fem vigtigste løfter til Europa: Vil modstå Trump og indsætte særlig europæisk bestyrelse
Se alle »
Job & Karriere
Teaser billede
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Læs mere »
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
Så meget tjener en dansk it-udvikler i gennemsnit om måneden: Forventer at få solide lønstigninger inden længe
Husk det her, når du skal købe it-løsninger næste gang: Vi er vidner til it-branchens største maskefald nogensinde
Se alle »
White paper
Teaser billede
Sådan: Virtualisering uden vendor lock-in og høje omkostninger
Læs mere »
NIS2: Sådan styrker du både cybersikkerhed og compliance
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Sådan sikrer du nem og beskyttet adgang til dine ressourcer
Se alle »

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