Autor Zpráva
Tomy
Profil
Ahoj, potřebuju poradit. Jak mám udělat, aby se mi načetlo prvně třeba 20 fotek a potom bych tlačítkem načetl další? Nepo třeba kdybych sjel dolů na konec těch fotek tak by to načetlo další, ale nenačítaly by se všecky najednou, protže to dlouho trvá.

<div class="galerie1">
                        <?php
                        for ($i =1; $i <= 170; $i++){
                            echo '<a class="example-image-link" href="bysticka/'; echo $i; echo '.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="bystricka/'; echo $i; echo '.jpg" alt="" width="270px" /></a>';
                        }
                        ?>
                </div>
mimochodec
Profil
To co hledáš, se jmenuje lazy image loading.
Mario
Profil
Neber to jako podceňování, ALE z toho kódu který tady máš to vypadá, že jako náhled používáš fotku v plném rozlišení (máš tam <img> se stejným URL jako odkaz <a> který ho obaluje). To je hrubá chyba, protože když stránka načítá 170 fotek v plném rozlišení, tak je to samosebou hodně pomalé.

Obvykle se proto zobrazují zmenšené náhledy, které mají také mnohonásobně menší objem a stáhnout 170 náhledů není tak velký problém. Tyhle náhledy se pak obalí odkazem na fotku v plné velikosti.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: