LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> Diskuze: Poradna Načítání obrázků přes JS

Načítání obrázků přes JS
(link)
13.8.2012 17:57
Honza Neřeknu
Věk: ( ~24 let)

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
(link)
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.

DISKUZE

Načítání obrázků přes JS 13.8.2012 17:57 Honza Neřeknu
  L Re: Načítání obrázků přes JS 13.8.2012 18:36 Marek Beleščiak




Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

13.9.2017 8:00 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tentokrát netradičně v pondělí: 18. září od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

3.9.2017 20:45 /Redakce Linuxsoft.cz
PR: Dne 21. září 2017 proběhne v Praze konference "Mobilní řešení pro business". Hlavní tématy konference budou: nejnovější trendy v oblasti mobilních řešení pro firmy, efektivní využití mobilních zařízení, bezpečnostní rizika a řešení pro jejich omezení, správa mobilních zařízení ve firmách a další.
Přidat komentář

15.5.2017 23:50 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 18. května od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.5.2017 16:42 /Honza Javorek
PyCon CZ, česká konference o programovacím jazyce Python, se po dvou úspěšných ročnících v Brně bude letos konat v Praze, a to 8. až 10. června. Na konferenci letos zavítá např. i Armin Ronacher, známý především jako autor frameworku Flask, šablon Jinja2/Twig, a dalších projektů. Těšit se můžete na přednášky o datové analytice, tvorbě webu, testování, tvorbě API, učení a mentorování programování, přednášky o rozvoji komunity, o použití Pythonu ve vědě nebo k ovládání nejrůznějších zařízení (MicroPython). Na vlastní prsty si můžete na workshopech vyzkoušet postavit Pythonem ovládaného robota, naučit se učit šestileté děti programovat, efektivně testovat nebo si v Pythonu pohrát s kartografickým materiálem. Kupujte lístky, dokud jsou.
Přidat komentář

2.5.2017 9:20 /Eva Rázgová
Putovní konference československé Drupal komunity "DrupalCamp Československo" se tentokrát koná 27. 5.2017 na VUT FIT v Brně. Můžete načerpat a vyměnit si zkušenosti z oblasti Drupalu 7 a 8, UX, SEO, managementu týmového vývoje, využití Dockeru pro Drupal a dalších. Vítáni jsou nováčci i experti. Akci pořádají Slovenská Drupal Asociácia a česká Asociace pro Drupal. Registrace na webu .
Přidat komentář

1.5.2017 20:31 /Pavel `Goldenfish' Kysilka
PR: 25.5.2017 proběhne v Praze konference na téma Firemní informační systémy. Hlavními tématy jsou: Informační systémy s vlastní inteligencí, efektivní práce s dokumenty, mobilní přístup k datům nebo využívání cloudu.
Přidat komentář

15.4.2017 15:20 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě IoT a radiokomunikace? Přijď na sraz spolku OpenAlt, který se bude konat ve středu 19. dubna od 18:30 v Šenkovně (Sokolská 60, Praha 2).
Přidat komentář

5.3.2017 19:12 /Redakce Linuxsoft.cz
PR: 23. března proběhne v Praze konferenci na téma Cloud computing v praxi. Hlavními tématy jsou: Nejžhavější trendy v oblasti cloudu a cloudových řešení, Moderní cloudové služby, Infrastruktura současných cloudů, Efektivní využití cloudu, Nástrahy cloudových řešení a jak se jim vyhnout.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

18.9.2017 14:37 / Rojas
high security vault

15.9.2017 7:33 / Wilson
new zealand childcare jobs

31.8.2017 12:11 / Jaromir Obr
Re: ukůládání dat ze souboru

30.7.2017 11:12 / Jaromir Obr
Národní znaky

27.7.2017 12:24 / Jaromir Obr
Cteni/zapis

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2017) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze