| | |
| | | { |
| | | ?> |
| | | <dialog class="gallery" aria-modal="true" aria-label="Image Gallery"> |
| | | <div class="wrap"> |
| | | <button type="button" class="cancel" aria-label="Close Gallery"> <?= jvbIcon('close') ?></button> |
| | | <button class="nav prev row" aria-label="Previous image"> |
| | | <?= jvbIcon('prev') ?> |
| | | </button> |
| | | |
| | | <button class="nav next row" aria-label="Next image"> |
| | | <?= jvbIcon('next') ?> |
| | | </button> |
| | | <div class="wrap col"> |
| | | <p class="hint">Pinch to Zoom</p> |
| | | <div class="controls row"> |
| | | <button type="button" class="cancel" title="Close Gallery" aria-label="Close Gallery"> <?= jvbIcon('x') ?></button> |
| | | <button class="nav prev" title="Previous image" aria-label="Previous image"> |
| | | <?= jvbIcon('caret-left') ?> |
| | | </button> |
| | | |
| | | <button class="nav next" title="Next Image" aria-label="Next image"> |
| | | <?= jvbIcon('caret-right') ?> |
| | | </button> |
| | | </div> |
| | | <div class="content row"> |
| | | <img src="" alt="" class="image-left"> |
| | | <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> |
| | |
| | | <?php |
| | | } |
| | | |
| | | function jvbRenderImageForm(int $attachmentId) { |
| | | if (!$attachmentId) return ''; |
| | | |
| | | $url = wp_get_attachment_image_url($attachmentId, 'medium'); |
| | | $title = get_the_title($attachmentId); |
| | | $alt = get_post_meta($attachmentId, '_wp_attachment_image_alt', true); |
| | | $caption = wp_get_attachment_caption($attachmentId); |
| | | |
| | | ob_start(); |
| | | ?> |
| | | <div class="upload-item existing" data-attachment-id="<?= $attachmentId ?>"> |
| | | <div class="preview"> |
| | | <img src="<?= esc_url($url) ?>" alt="<?= esc_attr($alt) ?>"> |
| | | <div class="overlay"> |
| | | <div class="actions"> |
| | | <button type="button" class="remove" title="Remove"> |
| | | <span class="screen-reader-text">Remove image</span> |
| | | × |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <?= jvbImageMeta() ?> |
| | | </div> |
| | | <?php |
| | | return ob_get_clean(); |
| | | } |