mirror of
https://github.com/Universal-Omega/PortableInfobox.git
synced 2024-12-12 16:45:21 +00:00
15 lines
925 B
Handlebars
15 lines
925 B
Handlebars
<div class="pi-image-collection">
|
|
<ul class="pi-image-collection-tabs">
|
|
{{#each images}}<li class="pi-tab-link pi-item-spacing{{#if isFirst}} current{{/if}}" data-pi-tab="pi-tab-{{ref}}">{{{caption}}}</li>{{/each}}
|
|
</ul>
|
|
{{#each images}}
|
|
<div class="pi-image-collection-tab-content{{#if isFirst}} current{{/if}}" id="pi-tab-{{ref}}">
|
|
<figure class="pi-item pi-image{{#if isVideo}} pi-video{{/if}}">
|
|
<a href="{{url}}" class="image image-thumbnail{{#if isVideo}} video video-thumbnail{{/if}}" title="{{alt}}">
|
|
{{#if isImage}}<img src="{{thumbnail}}" srcset="{{thumbnail}} 1x, {{thumbnail2x}} 2x" class="pi-image-thumbnail" alt="{{alt}}" width="{{{width}}}" height="{{{height}}}"/>
|
|
{{else}}{{#if isVideo}}<video src="{{url}}" class="pi-video-player" controls="true" controlsList="nodownload" preload="metadata">{{alt}}</video>{{else}}{{alt}}{{/if}}{{/if}}
|
|
</a>
|
|
</figure>
|
|
</div>
|
|
{{/each}}
|
|
</div> |