| | |
| | | exit; |
| | | } |
| | | |
| | | function jvbRenderGallery() |
| | | function jvbRenderGallery(bool $output = true):string |
| | | { |
| | | ?> |
| | | <dialog class="gallery" aria-modal="true" aria-label="Image Gallery"> |
| | | $gallery = sprintf( |
| | | '<dialog class="gallery" aria-modal="true" aria-label="Image Gallery"> |
| | | |
| | | <div class="wrap"> |
| | | <div class="wrap col"> |
| | | <p class="hint">Pinch to Zoom</p> |
| | | <div class="controls row"> |
| | | <button type="button" class="cancel" aria-label="Close Gallery"> <?= jvbIcon('x') ?></button> |
| | | <button class="nav prev row" aria-label="Previous image"> |
| | | <?= jvbIcon('caret-left') ?> |
| | | <button type="button" class="cancel" title="Close Gallery" aria-label="Close Gallery">%s</button> |
| | | <button class="nav prev" title="Previous image" aria-label="Previous image"> |
| | | %s |
| | | </button> |
| | | |
| | | <button class="nav next row" aria-label="Next image"> |
| | | <?= jvbIcon('caret-right') ?> |
| | | <button class="nav next" title="Next Image" aria-label="Next image"> |
| | | %s |
| | | </button> |
| | | </div> |
| | | <div class="content row"> |
| | |
| | | <img src="" alt="" class="image"> |
| | | <img src="" alt="" class="image-right"> |
| | | <details> |
| | | <summary class="row btw">DETAILS</summary> |
| | | <summary class="row x-btw">DETAILS</summary> |
| | | <div class="item-info"></div> |
| | | </details> |
| | | </div> |
| | |
| | | <div class="favourite"></div> |
| | | <div class="counter"><span id="gallery-index">1</span> / <span class="total"></span></div> |
| | | </div> |
| | | </dialog> |
| | | <?php |
| | | </dialog>', |
| | | jvbIcon('x'), |
| | | jvbIcon('caret-left'), |
| | | jvbIcon('caret-right') |
| | | ); |
| | | |
| | | if ($output) { |
| | | echo $gallery; |
| | | } |
| | | return $gallery; |
| | | } |
| | | |