Autor Zpráva
El
Profil *
Zdravím všechny,

zajímalo by mě jak lze udělat to, aby veškerý obsah stránek (nebo alespoň obrázky použité na stránkách) načetl dřív než se samotné stránky vůbec zobrazí. Představoval bych si, že zde nejprve uprostřed stránky bude zobrazen animovaný gif typu "loading" apod. a jakmile se obsah (nebo obrázky) načte, tak aby gif automaticky zmizel a prostě se následně zobrazili stránky naráz (a ne postupně, jak mi to funguje teď - což je způsobeno asi šílenou grafickou úpravou)... mj. potřeboval bych načíst předem i zvukový soubor...

Mohl by mi někdo poradit jak to vyřešit? Jestli neznáte nějaký odkaz, kde bych našel nejlépe nějaký fungující příklad nebo jestli by mi mohl někdo napsat návod sem..? Předem díky.
habendorf
Profil
Řešit se to dá. Akorát já bych mezitím asi z té stránky utekl. Čekat až se natáhne nějaký přiblblý zvuk a pak ho ještě poslouchat ...
Keilew
Profil
Síla a krása webdesignerství je také v tom, že při postupném načítání uživatel již vidí text a může se v něm orientovat, i když nemá načtené všechny "oblé rohy".
Web se dá udělat krásný s grafikou pod 30kB.
Jak píše habendorf, uživatel nebude čekat, až se to všechno načte.
V tvém případě bych si koukal přečíst něco o kompresích obrázků a asi taky něco z CSS. Doby Web dresinků a jiného webporna jsou už dávno pryč;-)
Lexter
Profil
No, na to se neptal kluci :).

Ale ani já ti to raději neřeknu :). To je jako hodit tvůj web do hnoje. I když nevím jak vypadá teď, když si tak čtu tvůj post, tak si dokážu představit jak asi vypadá :D.
El
Profil *
Chápu vaše rozladění, když se ptám na takovou věc... takže abych to upřesnil... ta hudba nebyla bohužel můj nápad, ikdyž ji snížím kvalitu tak bude mít určitě dost... grafika je sice dělaná ve photoshopu ale je kompresovaná - tohle není taky problém. tak nebo tak jestli to je dáno tabulkami nebo nevím čím (nejsem odborník jako vy) to trvá nějakou dobu.. s tou hudbou co si tam dotyčný vymyslel jsem to ještě nezkoušel, ale předpokládám, že to bude trvat o to déle...(?) BTW viděl jsem v minulosti a i dnes na ně hojně narážím, hodně stránek s animací typu loading nez se zobrazí stránky... stacilo by mi třeba procentuální vyjádření kolik je načteno nebo stavový bar - nemusí to být ani nutně animace, hlavně něco (obrazek, text) než se stránky načtou (animace mě napadla, protože si myslím že to vypadá lépe, když uživatel vidí že se něco děje než když vidí statický text)

chci se tedy zeptat jestli mi můžete opravdu nějak poradit, krom rad že to mám vše špatně. byl bych vděčný za jakýkoliv odkaz na fungující příklad, nebo nějaký fungující příklad třeba přímo zde... Pomůže mi někdo?
El
Profil *
opravdu mám pocit že ten web hodně podceňujete... :( rozhodně mě i ten web urazila ukázka onoho "web dresinku" od Keilew... :( mají to být stránky pro známého, který chce jen zviditelnit své podnikání na internetu, a jde o to že se to prostě načítá postupně což není dle mého asi zrovna ideální.. :-/
habendorf
Profil
Zkrátka: celou stránku skryješ, necháš viditelný jen ten anigif a na onload na body ji odkryješ. Uživatelé bez JS budou v háji.
El
Profil *
uuuuuuf děkuji za radu ale nevím která bije, chybí mi totiž asi vědomosti jak celou stránku skrýt a jak "na onload na body" odkrýt... šlo by to prosím upřesnit? a ještě jedna nevědomost - kteří uživatelé nemají JS? je to dáno verzí prohlížeče nebo typem prohlížeče nebo úplně něčím jiným? děkuji za odpověd!

PS
zkoušel jsem cosi kde nevím jestli to je prostě cesta která má i dobrý a požadovaný konec: na stránce index jsem si dal jen iframe, který nebyl vidět ale byla v něm veškerá grafika a odkaz na hlavní stránku (anigif nebo cokoliv tam není problém umístit), když jsem si počkal až se vše načetlo a klikl na odkaz tak se stránka samozřejmě objevila ihned a už nic dodatečně nenačítala.. problém ovšem je že nevím jak docílit toho aby se na stránku automaticky přeskočilo jakmile se vše načte do toho iframu.. to mě ovšem nebude trápit pokud budu znát lepší a fungující zpusob...
habendorf
Profil
Celou stránku (kromě anigifu) dáš do div id="page".

#page {display:none;}

<body onload="document.getElementById('page').style.display='block';">

A ještě stejným způsobem skryješ ten anigif.

Třeba.
habendorf
Profil
A k tomu kteří uživatelé nemají JS?: uživatelé nejrůznějších primitivních hejblátek a pak ti, kteří si ho sami z nějakých důvodů vypínají.
El
Profil *
Díky za odpovědi, snad jsem pochopil z příkladu jak se to má asi udělat a povede se mi to, musím přiznat že web opravdu není mou silnou stránkou.. jen nějak nechápu a doufám že bude fungovat to že se vše zobrazí až to bude načteno a bude tam do té doby ten anigif...

děkuji moc, kdyžtak se ještě zkusím zeptat :(
El
Profil *
omlouvám se, jsem uplný neznaboh... nepovedlo se mi to, ikdyz předpokládám ze jsem si asi musel do návodu domyslet a doufám že správně:

<div id="page">

a

<style type="text/css">
#Page{dislpay:none;}
</style>


Přikládám kód prázdné stránky z frontpagu + odkaz na obrázek který se má zobrazit na stránce (řekněme, že by tu bylo X obrázků, tabulek, iframu (btw bude to fungovat i pro iframy?)) + odkaz na anigif :

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Nová stránka 1</title>
</head>

<body>

<img border="0" src="images/obrazek.jpg" width="50" height="50">

<img border="0" src="images/anigif.gif" width="50" height="50">

</body>

</html>



můžete mi prosím poradit na které místa patří ty řádky popsané výše? (tzn. Celou stránku (kromě anigifu) dáš do div id="page".

#page {display:none;}

<body onload="document.getElementById('page').style.display='block';">

A ještě stejným způsobem skryješ ten anigif. )

díky :(
Toto téma je uzamčeno. Odpověď nelze zaslat.

0