Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Swiftu. Zároveň využij výhodnou slevovou akci až 30 % zdarma při nákupu e-learningu - více informací.
discount 30 + hiring

Diskuze: zobrazení obrázků vedle sebe

Aktivity
Avatar
Evka
Člen
Avatar
Evka:28.6.2019 7:28

Ahoj, mohl by mi prosím někdo poradit? Potřebovala bych zobrazit 4 obrázky vedle sebe, které se budou tahat ze složky dle ida. Při kliknutí na obrázek poté vyjede popup. Je mi jasné, že zde budu pracovat s polem, ale jsem začátečník..tak tápu.. děkuju

 
Odpovědět
28.6.2019 7:28
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:28.6.2019 8:36
<img> html kod obrazek (https://www.jakpsatweb.cz/html/obrazky.html#img z atributu se dnes pouziva jen src a class)
<img><img><img><img> - 4 obrazky vedle sebe
<script>document.write('<img><img><img><img>');</script> - 4 obrazky vedle sebe vypsane javascriptem

S tim polem to moc nechapu. To je nejaky ukol do skoly? Jake je zadani, co muzete, mate pouzit, jak to ma asi vypadat? A idealne tvuj vlastni pokus s chybami. Obvykle tu lide cizi ukoly nedelaji od zacatku az do konce.
Cyklus, cykleni, cirkulace, toceni, opakovani. Uzavres prikazy do cuklu za ucelem jejich opakovani. Coz pro 4 obrazky nema vyznam, ale.


<script>
var arr;
arr = [9, 8, 7, 6];
document.write( arr[0] + arr[1] + arr[2] + arr[3] ); // 9876 - zadny cyklus jsem nepotreboval

var str, i, i_start, i_end;
str = '';
i_start = 0;
i_end = arr.length; // 3
for (i=i_start; i<i_end; i++) // for (prikazy na zacatku cyklu; podminka ukonceni cyklu; prikazy na konci cyklu)
    {str =+ arr[i];}
document.write(str);
// Na zacatku dej do i 0. Opakuj cyklus dokud, ze je i<3 (arr.length). A pri kazdem kroku na konci cyklu zvys i o 1.

str = '';
i_start = 0;
i_end = arr.length;
i = i_start;
for (;;)
    {
    str =+ arr[i];
    i++; // i++ nebo i += 1 nebo i = i +1
    if (!(i<i_end)) // nebo i>=i_end
        {break;} // zastav cyklus
    }
document.write(str);

str = '';
i_start = 0;
i_end = arr.length;
i = i_start;
while (i<i_end) // podminka
    {
    str =+ arr[i];
    i++;
    }
document.write(str);

str = '';
i_end = arr.length;
i = 0;
while ()
    {
    str =+ arr[i];
    i++;
    if (i>=i_end)
        {break;}
    }
document.write(str);

</script>
 
Nahoru Odpovědět
28.6.2019 8:36
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:28.6.2019 8:41

A mozna uplne nejjednodussi zapis...

var arr, str, i;
arr = [9, 8, 7, 6];
str = '';
for (i=0; i<3; i++)
    {str =+ arr[i];}
document.write(str);

Ucitel ale mozna bude chtit po tobe misto 3 napsat arr.length.
A misto document.write napsat document.getE­lementById('ne­jakeiddivu').in­nerHTML.
Protoze ucitele si nekdy desne navymysli!

Editováno 28.6.2019 8:42
 
Nahoru Odpovědět
28.6.2019 8:41
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Odpovídá na Peter Mlich
Honza Prosecký:28.6.2019 19:48

Navymysli, na druhou stranu to je spravne. Alespon se ti pak nestane, ze mas 4 prvky v poli a proiterujes jen 3 :-)

 
Nahoru Odpovědět
28.6.2019 19:48
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Honza Prosecký
Šimon Raichl:28.6.2019 20:02

No, navic v tom jeho pripade je pouziti cyklu na takovou vec uplne zbytecny, stacilo by

const arr = [9, 8, 7, 6];
document.write(arr.join(""));
 
Nahoru Odpovědět
28.6.2019 20:02
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.