Czy da sie w jakis sposob ustawic kolejnosc ladowanie grafiki na stronie??
Tzn... najpier wyswietla obrazek 1 a pozniej po calkowitym zaladowaniu 1 dopiero zaczyna wyswietlac 2
Pełna wersja: kolejność
Przeniesione: php -> XHTML, CSS i ECMAScript
Musial bys troche pokombinowac z JS, bo nie slyszalem o czyms takim w htmlu 
...
Ja to widze tak:
:arrow: kazdemu obrazkowi nadajesz name z numerem i sciezka np. name="1*obrazek.jpg" gwiazdka to seperator w tym przypadku.
:arrow: nastepnie przeswietlasz tablice document.images, pobierasz z ich name kolejnosc, na podstawie czego tworzysz sobie nowa tablice ktorej kluczem bedzie wlasnie numer kolejnosci, czyli obrazek o name="0*abc.gif" bedzie pierwszy
:arrow: robisz petle, przechodzaca przez tablice i przypisujaca do danych img nowe src pobierane z ich name, gdy petla przechodzi do kolejnego img sprawdzasz czy poprzedni ma wartosc complete == true, jesli tak ladujesz dany obraz i zwiekszasz i, jesli nie nic nie robisz.
Jednak takie rozwiazanie nie jest idealne - jak ktos wylaczy JS to nie bedzie img widziec... Po drugie problem bedzie z tlami, ktore de facto tez sa obrazami tylko, ze z tego co wiem nie da sie do nich odwolywac jak do img.
...
Ja to widze tak:
:arrow: kazdemu obrazkowi nadajesz name z numerem i sciezka np. name="1*obrazek.jpg" gwiazdka to seperator w tym przypadku.
:arrow: nastepnie przeswietlasz tablice document.images, pobierasz z ich name kolejnosc, na podstawie czego tworzysz sobie nowa tablice ktorej kluczem bedzie wlasnie numer kolejnosci, czyli obrazek o name="0*abc.gif" bedzie pierwszy
:arrow: robisz petle, przechodzaca przez tablice i przypisujaca do danych img nowe src pobierane z ich name, gdy petla przechodzi do kolejnego img sprawdzasz czy poprzedni ma wartosc complete == true, jesli tak ladujesz dany obraz i zwiekszasz i, jesli nie nic nie robisz.
Jednak takie rozwiazanie nie jest idealne - jak ktos wylaczy JS to nie bedzie img widziec... Po drugie problem bedzie z tlami, ktore de facto tez sa obrazami tylko, ze z tego co wiem nie da sie do nich odwolywac jak do img.
Kiedys ktos mnie spytal czy takie cos jest mozliwe... ambitny jestem wiec sprawdzilem 
Tylko, ze tak jak pisze Paul, bez JS ani rusz...
[xml:1:7a66e119e6]
...
<script type="text/javascript"><!--
function load2(ob_name, pix_name)
{
var ob = eval('document.images.'+ob_name);
ob.src = pix_name;
}
//--></script>
</head>
<body>
<img id="jeden" src="pixel.gif" border="0" alt="" width="618" height="317" /><br />
<img id="dwa" src="noscreen.jpg" border="0" alt="" onload="load2('jeden', 'logo.jpg');" />
</body>
</html>[/xml:1:7a66e119e6]
najpierw laduje sie drugi obrazek, potem dopiero pierwszy
Tylko, ze tak jak pisze Paul, bez JS ani rusz...
[xml:1:7a66e119e6]
...
<script type="text/javascript"><!--
function load2(ob_name, pix_name)
{
var ob = eval('document.images.'+ob_name);
ob.src = pix_name;
}
//--></script>
</head>
<body>
<img id="jeden" src="pixel.gif" border="0" alt="" width="618" height="317" /><br />
<img id="dwa" src="noscreen.jpg" border="0" alt="" onload="load2('jeden', 'logo.jpg');" />
</body>
</html>[/xml:1:7a66e119e6]
najpierw laduje sie drugi obrazek, potem dopiero pierwszy
A czy z divami mozna by cos takiego zrobic? ze najpierw laduja sie wszystkie przy krawedziach a dopiero potem srodkowy??
Cytat
A czy z divami mozna by cos takiego zrobic? ze najpierw laduja sie wszystkie przy krawedziach a dopiero potem srodkowy??
Tak, jesli zrobisz tak ze srodkowy bedize umieszczony na koncu innych divow. Jest to jak najbardziej poprawne jesli korzystamy z pozycjonowania.
A jak musialbym przerobic ponizszy kod aby ten div byl na koncu?? niezbyt rozumiem to jak mam go tam wstawic a chodziloby mi o to aby div o id=srodkowa ladowal sie jako ostatni za pomoc z gory dziekuje
[xml:1:9652e1a232]<?xml version="1.0" encoding="iso-8859-2"?>
<?xml-stylesheet type="text/css" href="arkcss.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="pragma" content="no-cache" />
<title></title>
<link rel="stylesheet" href="ark.css" type="text/css" />
</head>
<body>
<!-- ### naglowek poczatek ### -->
<div id="naglowek">
</div>
<!-- ### naglowek koniec ### -->
<!-- ### glowna poczatek ### -->
<div id="glowna">
<!-- ### lewa poczatek ### -->
<div id="lewa">
</div>
<!-- ### lewa koniec ### -->
<!-- ### srodek poczatek ### -->
<div id="srodkowa">
</div>
<!-- ### srodek koniec ### -->
<!-- ### prawa poczatek ### -->
<div id="prawa">
</div>
<!-- ### prawa koniec ### -->
</div>
<!-- ### glowna koniec ### -->
<!-- ### stopka poczatek ### -->
<div class="stopka">
</div>
<!-- ### stopka koniec ### -->
</body>
</html>[/xml:1:9652e1a232]
A oto plik ark.css:
[xml:1:9652e1a232]div#glowna {
vertical-align: top;
width: 90%;
height: 85%;
display: inline;
}
div#lewa {
vertical-align: top;
border: 1px solid Black;
width: 20%;
float: none;
display: inline;
}
div#srodkowa {
vertical-align: top;
border: 1px solid Black;
width: 60%;
float: none;
display: inline;
}
div#prawa {
vertical-align: top;
border: 1px solid Black;
width: 20%;
float: none;
display: inline;
}
div#naglowek {
display: block;
width: 90%;
height: 10%;
}
div#stopka {
width: 100%;
display: inline;
}[/xml:1:9652e1a232]
a chodziloby mi o to aby div o id=srodkowa ladowal sie jako ostatni za pomoc z gory dziekuje
[xml:1:9652e1a232]<?xml version="1.0" encoding="iso-8859-2"?>
<?xml-stylesheet type="text/css" href="arkcss.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="pragma" content="no-cache" />
<title></title>
<link rel="stylesheet" href="ark.css" type="text/css" />
</head>
<body>
<!-- ### naglowek poczatek ### -->
<div id="naglowek">
</div>
<!-- ### naglowek koniec ### -->
<!-- ### glowna poczatek ### -->
<div id="glowna">
<!-- ### lewa poczatek ### -->
<div id="lewa">
</div>
<!-- ### lewa koniec ### -->
<!-- ### srodek poczatek ### -->
<div id="srodkowa">
</div>
<!-- ### srodek koniec ### -->
<!-- ### prawa poczatek ### -->
<div id="prawa">
</div>
<!-- ### prawa koniec ### -->
</div>
<!-- ### glowna koniec ### -->
<!-- ### stopka poczatek ### -->
<div class="stopka">
</div>
<!-- ### stopka koniec ### -->
</body>
</html>[/xml:1:9652e1a232]
A oto plik ark.css:
[xml:1:9652e1a232]div#glowna {
vertical-align: top;
width: 90%;
height: 85%;
display: inline;
}
div#lewa {
vertical-align: top;
border: 1px solid Black;
width: 20%;
float: none;
display: inline;
}
div#srodkowa {
vertical-align: top;
border: 1px solid Black;
width: 60%;
float: none;
display: inline;
}
div#prawa {
vertical-align: top;
border: 1px solid Black;
width: 20%;
float: none;
display: inline;
}
div#naglowek {
display: block;
width: 90%;
height: 10%;
}
div#stopka {
width: 100%;
display: inline;
}[/xml:1:9652e1a232]
Wyraznie napisalem wczesniej ze dotyczy to pozycjonowania (w szczegolnosci absolutnego). Ty go nie uzywasz wiec nie mozesz, to chyba widac na pierwszy rzut oka ze HTML, XHTML, XML czy nawet SGML sa jezkami strunturalnlno-hronologicznymi To moze jedynie zaburzyc pozycjonowanie (ktore chyba mozna sobie najlepiej utozsamiac z ukladaniem puzzli - mozesz zaczac ukladac od poczatku, od konca lub nawet od srodka).
To moze jedynie zaburzyc pozycjonowanie (ktore chyba mozna sobie najlepiej utozsamiac z ukladaniem puzzli - mozesz zaczac ukladac od poczatku, od konca lub nawet od srodka).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.