| | |
|---|
| | | ?> |
|---|
| | | <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"> |
|---|
| | | <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 row" aria-label="Next image"> |
|---|
| | | <button class="nav next" title="Next Image" aria-label="Next image"> |
|---|
| | | <?= jvbIcon('caret-right') ?> |
|---|
| | | </button> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <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> |
|---|
