31 lines
1.2 KiB
PHP
31 lines
1.2 KiB
PHP
<?php
|
|
$galleryDatas = get_field('gallery');
|
|
// echo '<pre>';
|
|
// print_r($galleryDatas);
|
|
// echo '</pre>';
|
|
?>
|
|
|
|
<div class="lightbox-gallery">
|
|
<?php foreach ($galleryDatas as $picture): ?>
|
|
<button class="lightbox-gallery__picture" title="ouvrir l'image en grand ">
|
|
<img class="lightbox-gallery__picture" src="<?php echo $picture['url'] ?>" />
|
|
</button>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<div class="lightbox lightbox--inactive">
|
|
<div class="lightbox__container">
|
|
<button class="lightbox__close cta cta--button cta--button--mini cta--outline">
|
|
Fermer
|
|
</button>
|
|
<button class="lightbox__prev">
|
|
<img src='<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/slider-next-right.svg' ?>' alt='<?php echo __("Image Précédente", "homegrade-theme__texte-fonctionnel") ?>'>
|
|
</button>
|
|
<div class="lightbox__current-picture">
|
|
<img src="https://picsum.photos/id/237/200/300" alt="" />
|
|
</div>
|
|
<button class="lightbox__next">
|
|
<img src='<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/slider-next-right.svg' ?>' alt='<?php echo __("Image Suivante", "homegrade-theme__texte-fonctionnel") ?>'>
|
|
</button>
|
|
</div>
|
|
</div>
|