Stránka 1 z 1

JS - foreach výpis fotek ze složky

Napsal: 03 pro 2014 11:15
od VirtualPixelCZ
Ahoj,
Potřebuji poradit. Pracuji na webu, kde bude webová galerie. Samotné zobrazení mám řešené přes LightBox2. Všechny fotky jsou v img/galerie. Vše funguje, pokud do kódu napíšu přímo odkaz na obrázky.

Kód: Vybrat vše

<a class="example-image-link" href="img/galerie/image-3.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="img/galerie/thumb-3.jpg" alt=""/></a>

<a class="example-image-link" href="img/galerie/image-4.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="img/galerie/thumb-4.jpg" alt="" /></a>

Ale na webu bude možnost uploudu obrázků pomocí php do img/galerie a já potřebuji nahradit výše uvedený kod nějakým JS, ale já jsem nikdy nic v JS nedělal. Na internetu jsem našel i Automated Lightbox2 Gallery , ale přijde mi, že to je příliš zbytečně složitý. Nešelo by to udělat nějak přes foreach?

Díky

Re: JS - foreach výpis fotek ze složky

Napsal: 23 pro 2014 13:40
od lamin_cz
Nebylo by jednodušší to udělat přes PHP? Foreach je pro prohledání pole a né adresáře ... Pomocí PHP si prohledáš adresář a pro každý obrázek vypíšeš onen kód pro zobrazení.

Kód: Vybrat vše

<?php
$images_array 
= glob('img/galerie/*.jpg');
foreach ($images_array as $obrazek) {
echo '<a class="example-image-link" href="img/galerie/'.$obrazek.'" data-lightbox="example-set" data-title=""><img class="example-image" src="img/galerie/'.$obrazek.'" alt=""/></a>';
}

?>