|
|
|
|
Načítání obrázků přes JS
|
13.8.2012 17:57
Honza Neřeknu
|
Dobrý den,
vyvíjím interaktivní stránku, kde se bude v divu měnit ve velké rychlosti velké množství obrázků. K tomu využívám JS preload: (velmi zjednodušené)
<html>
<head>
<script>
var imgfile = new array();
imgfile[0] = new Image();
imgfile[0].src = "style/menu/0.png";
imgfile[1] = new Image();
imgfile[1].src = "style/menu/1.png";
imgfile[2] = new Image();
imgfile[2].src = "style/menu/2.png";
imgfile[3] = new Image();
imgfile[3].src = "style/menu/3.png";
imgfile[4] = new Image();
imgfile[4].src = "style/menu/4.png";
imgfile[5] = new Image();
imgfile[5].src = "style/menu/5.png";
imgfile[6] = new Image();
imgfile[6].src = "style/menu/6.png";
imgfile[7] = new Image();
imgfile[7].src = "style/menu/7.png";
imgfile[8] = new Image();
imgfile[8].src = "style/menu/8.png";
imgfile[9] = new Image();
imgfile[9].src = "style/menu/9.png";
imgfile[10] = new Image();
imgfile[10].src = "style/menu/10.png";
function animace() {
// zde pracuji s obrázky např:
$("#menu").css("background-image", "URL('style/menu/10.png')");
}
</script>
<head>
<body onLoad="animace();">
----
Zdá se mi, že obrázky se načítají znovu i přes preload. Mám zadat parametr funkce pole imgfile, nebo si ty obrázky dokáže JS "vytáhout"? Nevadí že je proměnná pole? Nevadí, že obrázky používám jako prvek css background?
Pokud by se někdo chtěl podívat, URL: http://hostel.wu.cz. To menu jak se točí dokola, je tvořeno 23 obrázky, které se v rychlém sledu střídají. Jak asi vydíte, animace jakoby bliká.
Stránka je zatím velmi málo rozsáhlá, celý zdroják přečtete za 3 minuty.
Velmi děkuji za každou radu, týrám se s tím od rána, ajiž mě nic nenapadá :(
P.S.
css vlastnost rotation nepoužívám kvůli malé podpoře prohlížečů. Nevím, zda jsem nepoužíval nějakou zastaralou verzi, ale fungovalo mi to jen v Chromu.
|
|
|
|
|
Re: Načítání obrázků přes JS
|
13.8.2012 18:36
Marek Beleščiak
|
chybicka krasy bude v tom ze tie obrazky sa v skutocnosti nepreloadnu a to preto ze je tam chyba.
Pole new array(); je zly zapis. Dobry by bol new Array(); alebo []. Do buducna pouzivajte vzdy pocas vyvoja na zaciatku JS dokumentu "use strict"; a predidete takymto preklepom. |
|
|
|
|
|
|
KOMENTARZE
|
|
Tylko zarejestrowani użytkownicy mogą dopisywać komentarze.
|
|
Szukanie oprogramowania
|
©Pavel Kysilka - 2003-2024 |
mail linuxsoft.cz | Design:
www.megadesign.cz
|
bootable [55]