Avatar billede fomse Nybegynder
16. juli 2001 - 12:11 Der er 11 kommentarer og
1 løsning

Loadside mens billeder preloader?

Jeg har en side med en masse billeder af et firmas medarbejdere.
Det jeg godt kunne tænke mig er at mens alle billederne preloader så skal der vises en loadside

Hvordan gør jeg det?

Fomse:-)
Avatar billede milpoer Nybegynder
16. juli 2001 - 12:39 #1
Når brugeren kommer til din forside vil vedkommende ofte bruge lidt tid på at orientere sig. Dette kan du benytte dig af til at cache billeder som bliver brugt længere nede på dit site.

F.eks hvis du har en knap der hedder \"Mit galleri\" vil der sikkert være mange billeder der.

Med javascripts eventhandler onLoad starter vi her en funktion som kan hente de billeder du definerer i funktionen. Fordelen ved at bruge onload er at brugeren først downloader alt hvad der er relavant til forsiden inden han begynder at downloade de billeder som du vil cache. 


Følgende kode skal ligge i <head> sektionen af dit dokument.
<script language=\"JavaScript\">\"
<!--
function StartLoading() {
if (document.images) {

  img1 = new Image();
  img1.src = \"billede1.jpg\";

  img2 = new Image();
  img2.src = \"billede2.gif\";

  img3 = new Image();
  img3.src = \"billede3.jpg\";

}
}
</script>


Hvis du vil have 4 billeder, ja lægger du bare dette til. Osv. osv.:
  img4 = new Image();
  img4.src = \"billede4.gif\"; 


Herefter skal du have følgende i dit <body> tag
<body onLoad=\"StartLoading();\">


Husk dog, at det på den side du vil vise billedet, er meget vigtigt at kalde billedet det samme som i javascriptet. 
Avatar billede spang Nybegynder
17. juli 2001 - 18:32 #2
Kan man preloade andet end billeder?
Her tænker jeg primært på andre (under-)sider på sitet.

\\spang
Avatar billede milpoer Nybegynder
17. juli 2001 - 18:52 #3
det tror jeg faktisk godt du kan, med samme metode..
Avatar billede prodic Mester
17. juli 2001 - 18:56 #4
Nu skriver du at du godt vil have en loadside der kører mens billederne hentes.

Mener du så sådan noget her :
http://www.dynamicdrive.com/dynamicindex4/preloadimage.htm

eller sådan noget her :
http://www.dynamicdrive.com/dynamicindex4/preloadimage2.htm

Eller sådan noget her :
http://www.dynamicdrive.com/dynamicindex3/dhtmlsplash.htm

Dit nuværende script loader billederne og viser derefter siden når billederne er loadet.
Mine forslag er lidt anderledes.
Avatar billede fomse Nybegynder
17. juli 2001 - 22:56 #5
Prodic>>

Det er lidt som det her på eksperten jeg søger!
En side som vises mens en anden loader!

Jeg vil gerne give flere point hvis du kan hjælpe!! Hva´ med 30 point?

FOmse:-)
Avatar billede prodic Mester
18. juli 2001 - 00:56 #6
Fomse->Tænker du på noget i den her stil :
http://javascript.internet.com/page-details/preload-page.html
Avatar billede fomse Nybegynder
18. juli 2001 - 10:07 #7
Prodic>>

Ja det er lidt derhen af! Men kan man ikke få vist en selvstændig htmlside, istedet for et lag?

Fomse:-)
Avatar billede prodic Mester
18. juli 2001 - 13:14 #8
Fomse->Jow det kan du godt, men det er en ret uønsket effekt du så skal bruge.
Det skal nemlig opbygges i Frames(så vidt jeg er orienteret) hvor den ene af siderne så preloader nogle billeder kombineret med en Timer der viderestiller til siden senere hen.
Det er nok ikke sådan noget du leder efter.

Desuden er den anden effekt, med et seperat layer klart den nemmeste måde at styre sådan en Intro-side på.
Det er det jeg ville vælge.
Avatar billede pelkjaer Nybegynder
18. juli 2001 - 13:19 #9
fomse>>Er det ikke noget i stil med det jeg har gjort her du har brug for?

www.demenskonsulent.dk/peter
Avatar billede fomse Nybegynder
18. juli 2001 - 15:28 #10
Pelkjaer>>

Det e rlige præsis det jeg leder efter!!
Kan du fortælle mig hvordan det laves, du får selvfølgelig point(30) for det!

Fomse:-)
Avatar billede prodic Mester
18. juli 2001 - 15:37 #11
Fomse->Det er den samme effekt, som jeg tidligere har linket til, bare udstyret med endnu en side foran.
Den side linker så videre til preloader siden, der igen går videre til den rigtige side.

Du har fået løsningen en gang før... :-)
Avatar billede pelkjaer Nybegynder
18. juli 2001 - 15:58 #12
Fomse>>Hvis du bruger DW er der en extention her:
http://dynamic.macromedia.com/bin/MM/exchange/extension_detail.jsp?BV_SessionID=@@@@0826836279.0995464491@@@@&BV_EngineID=hallhfgdggebfejchjcfjecli.0&extOid=17547

Ellers kig i kildekoden og copy/paste - husk at lave dine egne .giffer.

Men det er rigtig hvad Prodic siger  - hans links nr. 2 gør det samme!
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