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
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
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
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
31 min siden Om brug af funktionen sumprodukt Af Erik R i Excel
I går 22:41 Hjælp til at skrive opgave Af Needhelp i Småopgaver
I går 14:04 Pixeline cd’er til PC Af Mathilde i Windows
I går 01:14 Windows 10 - IIS 10 Af bsn i Windows
04/0720:39 Boot fra USB Af poulmadsen i Windows
White papers
Flere white papers »


Premium
Teaser billede
Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab
Læs mere »
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods
Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder
Se alle »
Computerworld
Teaser billede
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
Wordperfect-stifteren Bruce Bastian er død: Han revolutionerede tekstbehandlingen, men tabte slaget til Microsoft
Se alle »
CIO
Teaser billede
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Læs mere »
Russisk hack af Microsoft er meget større end først antaget
Halter mange år bagefter: Langsom software-udvikling udfordrer kæmpe digitalt løft af Billund Lufthavn
Efter stort hackerangreb mod Teamviewer: Stop dine opdateringer og tjek opsætningen nu
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Opdag fordelene ved cloud-baseret backup og recovery
Læs mere »
Sådan får du overblik og beskytter dine cloudapplikationer
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Se alle »

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