Generowanie galerii - JavaScript

pytanie zadane 24 kwietnia 2021 w JavaScript przez Chandraa Nowicjusz (150 p.)

Witam!

Czy istenieje możliwość "wygenerowania" galerii w JaviaScript?

Chodzi o to że pętla wyświetla obrazy w tabeli, razem z podpisami pod nimi.
Jeśli jest to możliwe to w jaki sposób wyświetlić te obrazy za jej pomocą?

Mam program wyświetlający liczby w ten sposób i nie wiem jak go przerobić, aby generowała zdjęcia.

<html>

<head>

</head>

<body>

    <script>
        document.write("<h2>Tabela: </h2>")
    </script>


    <p id="Tabela"></p>


    <script>
        var k = 5;
        var w = 5;
        var napis = '';
        var tab = [];

        for (var i = 0; i < w; i++) {
            tab[i] = [];
        }

        for (var i = 0; i < w; i++) {
            for (var j = 0; j < k; j++) {
                tab[i][j] = i + j;
            }
        }

        for (var i = 0; i < w; i++) {
            for (var j = 0; j < k; j++) {
                napis += tab[i][j] + "  |  ";
            }
            napis += "<br>";
        }

        document.getElementById("Tabela").innerHTML = napis;
    </script>


</body>

</html>

1 odpowiedź

odpowiedź 24 kwietnia 2021 przez SzkolnyAdmin Szeryf (86,400 p.)
wybrane 25 kwietnia 2021 przez Chandraa

Najlepsza

Stwórz sobie tablicę zawierającą ścieżki do plików graficznych. W pętli przejdź po tablicy tworząc tagi do wyświetlania obrazów (znacznik img z całym "osprzętem" lub lepiej figure z figcaption - masz wtedy i podpis) oraz podpisy. Tagi dopisuj do zmiennej przechowującej tekst. Wstaw tekst na stronę

komentarz 25 kwietnia 2021 przez Chandraa Nowicjusz (150 p.)

W jaki sposób mogę zapisać ścieżki do plików w tablicy?
Bo raczej w ten sposób nie zadziała:

const tab = ["<img src = "1.jpg">", "<img src = "2.jpg">", "<img src = "3.jpg">"];

A nigdzie nie mogę znaleźć podobnego przykładu.

komentarz 25 kwietnia 2021 przez SzkolnyAdmin Szeryf (86,400 p.)

Separatory w tabeli są problemem.

const images = ["1.jpg", "2.jpg", "3.jpg"];

let gallery = "";

for(img of images) {
	gallery+='<img src="'+img+'" alt="">';
}

Zmienną gallery możesz wstawić na stronę.

Podobne pytania

0 głosów

0 odpowiedzi 161 wizyt

NodeJS Perlin Noise + PrismarineJS - Generowanie Terenu w Minecraft

pytanie zadane 16 stycznia 2021 w JavaScript przez x_000 Obywatel (1,460 p.)

0 głosów

1 odpowiedź 278 wizyt

Vue generowanie danych w data: funkcją , reaktywność

pytanie zadane 27 czerwca 2019 w JavaScript przez kordix Gaduła (3,910 p.)

0 głosów

1 odpowiedź 633 wizyt

Generowanie kodu JQuery po kliknieciu w diva

pytanie zadane 2 maja 2018 w JavaScript przez SzukającyPrzygód Bywalec (2,310 p.)

Generowanie galerii - JavaScript

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci