[JS] Resolutie detection / preload

[Verwijderd]

Op de volgende pagina heb ik een auto-resolutie-doorstuur-script gemaakt die echter alleen bij mij werkt:

uc.uden.kennisnet.nl/cursus/frusan/index.htm
(ja, dat laatste moet erachter)

En hier heb ik een plaatjes-pre-load-script gemaakt, die ook niet schijnt te werken:

uc.uden.kennisnet.nl/cursus/frusan/1024/menu.htm

Wat is er fout aan, en hoe los ik dit op?

Bij voorbaat veel dank aan alle posters!

[Verwijderd]

resolutie-check is inmiddels opgelost. Alleen het scriptje met die plaatjes van mouseover die pre-loaden werkt nog niet.

Ter verduidelijking: het gaat erom dat de pagina wat langer laadt, maar dan bij de mouseover ook meteen het andere plaatje laat zien...

[El Martino]

't Werkt hier allebei prima!

[SkyKnife]

Ik heb geen tijd om al je scripts te debuggen maar:

document.location -> document.location.replace(urlString)

probeer dat eens?

offtopic:
er was iets over dat iedereen elkaar bij voorbaat al heeft bedankt, dus dat hoeft niet :-)

[SkyKnife]

Voor image preloaders had ik altijd tussen pagina die ze inlaad en daarna pas doorlinkt.

weet alleen niet meer hoe je checked of ie geheel binnen geladen is

mischien edit ik hem zo nog ff met wat code

edit:
ik kan me herineren dat ik .width gebruikte om te kijken of die niet 1 of 0 of -1 was (een van de 3 wordt gebruikt als je image niet geheel geladen is). Dit zou best wel eens niet kunnen werken sinds je "new Image(x,y)" gebruikt.
Ook is het vervelten als een plaatje niet laad (er niet is) want dan komt ie nooit door je preloader. Verder is dit ook gewoon lelijk....

Schaam me er voor dat ik het ooit gebruikt heb.

[El Martino]

Met onLoad kan dat, die functie (in BODY tag) wordt pas aangeroepen nadat de complete pagina geladen is.

[Verwijderd]

onload, en dan?

[SkyKnife]

Op zondag 31 maart 2002 18:02 schreef The_Rabbit het volgende:
onload, en dan?

Volgens mij wordt de onload al aangeroepen als de html text binnen is. Losse code wordt zelfs direct uitgevoerd.

Ik denk dat je wilt berijken dat je de het menu niet ziet zolang de plaatjes er niet zijn. Dit kun je dus doen met een tussen pagina die echt wacht tot ze zijn geladen en dan pas naar het menu laten gaan.

De methode die op het net wordt gebruikt is wat je hebt staan. Gewoon losse code in het begin van je pagina, dat dus meteen wordt uitgevoerd, waardoor het laden van je image's meteen begint. Dus net iets eerder dan je browser je imgtag ziet. Het scheeld wel maar zo weinig dat je met een trage verbinding het menu nog steeds niet goed ziet.

Meer vragen?

[Verwijderd]

Move ----> W&G

[Verwijderd]

Dat is niet precies wat ik bedoel (toch bedankt, kan later zeker nog van pas komen), ik bedoel meer dat de onmouseover plaatjes (de gekleurde gevallen met die tekst), meteen zichbaar worden als je er met je muis overheen gaat. Dus niet dat de mensen denken 'hey hij doet niets!'

[Helmet]

hmm kijk eens op Dynamic Drive daar staat volgens mij een mooie preloader met progressbar en al suc6

[SkyKnife]

code:

if (screen.width <= 1023) {
document.location = "800/ind800.htm";
}

if (screen.width > 1024) {
document.location = "1024/ind1024.htm";
}

Ik zie dat je hier mee bezig bent...
je hebt hier een 1 off error, hoe dat dan ook heet.

probeer dit:

code:

if (screen.width <= 1024) {
document.location = "800/ind800.htm";
}

if (screen.width > 1024) {
document.location = "1024/ind1024.htm";
}

let op verschil

[Thijsmans]

code:

<script language="Javascript">

<!--
if (screen.width <= 1023) {
document.location = "800/ind800.htm";
}

if (screen.width > 1024) {
document.location = "1024/ind1024.htm";
}

//-->

</script>

Dat klopt natuurlijk niet heh? Als de breedte kleiner is of gelijk aan 1023 gaat hij naar de map 800, als hij groter is dan 1024 gaat hij naar 1024. What about 1024 zelf? Ik zou het zo doen:

code:

<script langauge=javascript>
if(screen.width==800){
 document.location="800/ind800.htm";
} else {
 document.location="1024/ind1024.htm";
}
</script>

nu ga ik kijken naar de plaatjeslader

gekeken...
T*fus wat een bende heb je er van gemaakt. En nog onnodig ook. Oh wacht, Frontpage . Rollovers moet je heel anders maken, of het kan in ieder geval zo:

code:

<IMG src="plaatje1.gif" 
onMouseover="this.src='plaatje2.gif'" 
onMouseout="this.src='plaatje1.gif'">

Das toch een poepie minder code

[SkyKnife]

Op zondag 31 maart 2002 18:15 schreef The_Rabbit het volgende:
Dat is niet precies wat ik bedoel (toch bedankt, kan later zeker nog van pas komen), ik bedoel meer dat de onmouseover plaatjes (de gekleurde gevallen met die tekst), meteen zichbaar worden als je er met je muis overheen gaat. Dus niet dat de mensen denken 'hey hij doet niets!'

dat is wat ik ook bedoelde...
Je preloader laad je images iets eerder... maar niet snel genoeg dat je dit effect niet krijgt...
waar trouwens niemand last van heeft met een beetje bandbrete.

Ik ga nu eten.. check later wel ff of je nog hulp nodig hebt... icq me anders: 121838386 (ben inv)

[Verwijderd]

Gaaf, zo'n team specialisten. Het mooiste voor de plaatjesloader zou zijn dat er eerst een welkomstpagina is (zie de tekst in index.htm die nu niks meer doet ), en dat ondertussen het menu én de onmouseover-plaatjes laden. Bij het gaan naar het menu is dan alles mooi snel en werkend.

[flat]

Op zondag 31 maart 2002 18:18 schreef Prammenhanger het volgende:

code:

<script langauge=javascript>
if(screen.width==800){
 document.location="800/ind800.htm";
} else {
 document.location="1024/ind1024.htm";
}
</script>

mja da's wel weer zielig voor de enkeling die nog op 640*480 bezig is hè , je kan dan beter screen.width <= 1024 pakken, niet?

enneh, bart: waarom in hemelsnaam een pagina in een frame in een frame

[Thijsmans]

Image-preloaders kan je bij bosjes vinden, maar als ik jou was zou ik gif's gebruiken ipv jpg's, want als je die klein wilt houden, krijg je de ranzige jpg-vlekken, waar je al last van hebt.

edit
Oh ja, als je nou een imagepreloadingscript hebt gevonden, kan je ook doen dat hij pas aan het einde van het preloaden naar de resolutie kijkt.

[flat]

Op zondag 31 maart 2002 18:27 schreef Prammenhanger het volgende:
Image-preloaders kan je bij bosjes vinden, maar als ik jou was zou ik gif's gebruiken ipv jpg's, want als je die klein wilt houden, krijg je de ranzige jpg-vlekken, waar je al last van hebt.

mja gifs zien er al helemaal niet uit vind ik
pak dan gewoon PNG's ofzo, of gooi de jpg-kwaliteit wat omhoog

[Verwijderd]

Bij gif/png krijg je niet mooi die fade. Ennuh, de kwaliteit nog hoger zou een bitch worden voor die 56k-er die dit land nog steeds bevolken.

Btw, hoe maak ik dat er een soort tussenpagina komt die efkes de lege ruimte opvangt?

[Verwijderd]

enneh, bart: waarom in hemelsnaam een pagina in een frame in een frame

Om op een nog hogere resolutie de pagina mooi in het midden te krijgen (jaja, ik weet het, dit is een zeer stomme oplossing)

(wat heb je trouwens een wazige sign lately, flat)

[Verwijderd]

Het is nu al een stukje beter weer.

Ik heb efkes een scriptje gemaakt dat eerst een 'loading' voorhoudt, maar ik wil dat de rest er pas op komt als het daadwerkelijk klaar is. En volgens mij werkt het pre-loaden van de onmouseover-plaatjes (de gekleurde) nog steeds niet. Kan iemand efkes naar mijn scriptje kijken om te zeggen wat er fout is?

Tnx!

[flat]

hmmm die resolutiecheck doet nu iig iets, maar hij gaat naar de 800x600 variant, terwijl ik toch echt 1024x768 heb hiero

en die preloader doet hier onder mozilla helemaal niets, en onder IE doet 'ie er 5 minuten over

(enneh, ik vind die 800x600-versie vele malen mooier dan die voor 1024x768... als ik jou was zou ik die maar gewoon droppen)

[crisp]

Jongens, hou toch eens op met document.location. window.location is netter en ook daarvoor bedoeld! document.location zou mettertijd nog eens een read-only property gaan worden. Dat dat tot nog toe niet gebeurd is komt alleen maar omdat iedereen het verkeerd gebruikt.
En hier heb ik nog een scriptje staan om plaatjes te preloaden alvorens de inhoud zichtbaar te maken. Voor de liefhebbers

[SkyKnife]

Op zondag 31 maart 2002 23:49 schreef crisp het volgende:
Jongens, hou toch eens op met document.location. window.location is netter en ook daarvoor bedoeld! document.location zou mettertijd nog eens een read-only property gaan worden. Dat dat tot nog toe niet gebeurd is komt alleen maar omdat iedereen het verkeerd gebruikt.
En hier heb ik nog een scriptje staan om plaatjes te preloaden alvorens de inhoud zichtbaar te maken. Voor de liefhebbers

Dat is netjes

[Verwijderd]

of het kan in ieder geval zo:

code:

<IMG src="plaatje1.gif" 
onMouseover="this.src='plaatje2.gif'" 
onMouseout="this.src='plaatje1.gif'">

Das toch een poepie minder code

Ik zou de images eerst es inladen, anders krijg je van die trage mouseovers, oei dat irritant !

[Verwijderd]

Ik geloof dat het nu goed is
Kijken jullie effe of dat je nog op- of aanmerkingen hebt?

Tnx 4 everything!