Untitled

avatar
unknown
plain_text
6 months ago
2.2 kB
3
Indexable
<?php 
$conn = mysqli_connect("localhost", "root", "", "galeria")

?>
<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Galeria</title>
    <link rel="stylesheet" href="styl.css">
</head>
<body>
    <header>
        <h1>Zdjęcia</h1>
    </header>
    <main>
        <aside class="lewy">
            <h2>Tematy Zdjęć</h2>
            <ol>
                <li>Zwierzęta</li>
                <li>Krajobraz</li>
                <li>Miasta</li>
                <li>Przyroda</li>
                <li>Samochody</li>

            </ol>
        </aside>
        <section class="srodkowy">
            <!-- TUTUAJ SKRYPT 1 -->
            <?php 
                $q1 = "SELECT plik, tytul, polubienia, imie, nazwisko FROM zdjecia JOIN autorzy ON autorzy.id = zdjecia.autorzy_id ORDER BY nazwisko
                ";
                $result1 = mysqli_query($conn, $q1);


                while ($row = mysqli_fetch_assoc($result1)) {
                    $zdjecie = $row["plik"];
                    $tytul = $row["tytul"];
                    $polubienia = $row["polubienia"];
                    $imie = $row["imie"];
                    $nazwisko = $row["nazwisko"];

                    echo "<div class='blok'>";
                    echo "<img alt='zdjęcie' src='$zdjecie' >";
                    echo "<h3>$tytul</h3>";
                    if ($polubienia > 40) {
                        echo "<p>Autor $imie $nazwisko. Wiele osób polubiło ten post</p>";
                    } else {
                        echo "<p>Autor: $imie $nazwisko. </p>";
                        echo "<a href='$zdjecie' dowonload>Pobierz</a>";
                    }
                    echo "</div>";
                }
            ?>
        </section>
        <aside class="prawy">
            <H2>Najbardziej lubiane</H2>
            <!-- TUTAJ SKRYPT 2 -->
            <strong>Zobacz wszystkie nasze zdjęcia</strong>
        </aside>
    </main>
    <footer>
        <h5>Stronę wykonał: PESEL</h5>
    </footer>
</body>
</html>
Editor is loading...
Leave a Comment