Page loading images

À la Lightbox?

ja zo iets alleen geen foto album :)
echt om een pagina te laden zeg maar

m.v.g MaDHouSe

iemand nog ideeen??

Tja dit maak ik zelf. Er zal best wel een handig tooltje bestaan op internet.

De donkere halftransparante laag, kan je door middel van CSS maken.

#overlayer {
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000000;
z-index:25;
filter:alpha(opacity=70); /* IE */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 7 */
opacity:0.70; /* OPERA */
-moz-opacity:0.70; /* FF */
}

Als je deze laag plaatst (<div id="overlayer"></div>) boven je </body> dan krijg je een donkere laag te zien over je website.

Vervolgens kan je met AJAX info vergaren. Voor de request naar de server start je een pageLoader gifje (incl het tonen van de donkere laag). Als de request weer teruggegevens wordt, dan stop je de pageLoader en laat je de donkere laag verdwijnen.
Een beetje goochelen met Javascript en CSS dus.

http://jquery.com/demo/thickbox/

Wow, wat een vet scriptje. Ik heb hem meteen gedownload. Bedankt.

ok dat is inderdaad een idee maar zijn hier ook ergens voorbeelden van?

ik krijg nu alleen maar foto's laden maar dan houd het ook echt op

ik zoek echt iets waardoor je pagina load krijg met een gif afbeelding
ondertusen word me achtergrond in de schaduw gezet vervolgens word de volgende pagina geladen (dus geen foto laden) en dan word de pagina weer helder en kan verder waar ik gebleven was.

rede voor dit:

ik heb paginas die soms er lang duren voor ze ingeladen zijn dan is het een betere optie om even een page load te laten zien, zo dat ze niet gelijk de website afsluiten en verder zoeken.

als iemand me hier mee mijn op weg kan helpen of een goed voorbeeld die ik kan gebruiken om te zien hoe dit presies werkt?

als iemand mijn hier mee kan helpen heel graag aub.

ik zelf ben alleen beetje bekent met php en javascript en css en (AJAX niet)
is het echt een pre om AJAX te gebruiken hier voor?

Daar is AJAX nou juist voor :)

Zoek even op [google]ajax preloader[/google] :)