winix/winixd/html/fun_gallery.html

79 lines
2.7 KiB
HTML

<div class="winix">
[if mount_page_arg_is "subject"][if mount_page_arg_is "info"]<h1 class="withinfo">[else]<h1>[end][dir_last_subject]</h1>[end]
[if mount_page_arg_is "info"][include "dir_last_info.html"][end]
[if one gallery_has_not_mount_type [gallery_mount_type_arg_is "uikit"]]
[if gallery_tab]
<ul class="uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l uk-grid" data-uk-lightbox="animation: slide">
[for gallery_tab]
<li class="uk-margin-small">
<a href="[gallery_tab_link]"><img src="[gallery_tab_link]/-/thumb" alt="[gallery_tab_subject]"></a>
</li>
[end]
</ul>
[end]
[end]
[if gallery_mount_type_arg_is "lightbox"]
[# https://lokeshdhakar.com/projects/lightbox2/ ]
[if gallery_tab]
<ul class="uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l uk-grid">
[for gallery_tab]
<li class="uk-margin-small">
<a href="[gallery_tab_link]" data-lightbox="gallery"><img src="[gallery_tab_link]/-/thumb" alt="[gallery_tab_subject]"></a>
</li>
[end]
</ul>
[end]
[end]
[if gallery_mount_type_arg_is "galleriajs"]
[# https://galleriajs.github.io/]
[if gallery_tab]
<ul class="galleryimages" style="width: [gallery_width]; height: [gallery_height];">
[for gallery_tab]
<li><a href="[gallery_tab_link]"><img src="[gallery_tab_link]/-/thumb" alt="[gallery_tab_subject]"></a></li>
[end]
</ul>
[if gallery_mount_theme_arg_is "azur"]
<script type="text/javascript">Galleria.loadTheme('[doc_base_url_common]/galleriajs/1.6.1/dist/themes/azur/galleria.azur.min.js');</script>
[else]
[if gallery_mount_theme_arg_is "twelve"]
<script type="text/javascript">Galleria.loadTheme('[doc_base_url_common]/galleriajs/1.6.1/dist/themes/twelve/galleria.twelve.min.js');</script>
[else]
[if gallery_mount_theme_arg_is "folio"]
<script type="text/javascript">Galleria.loadTheme('[doc_base_url_common]/galleriajs/1.6.1/dist/themes/folio/galleria.folio.min.js');</script>
[else]
[if gallery_mount_theme_arg_is "fullscreen"]
<script type="text/javascript">Galleria.loadTheme('[doc_base_url_common]/galleriajs/1.6.1/dist/themes/fullscreen/galleria.fullscreen.min.js');</script>
[else]
<script type="text/javascript">Galleria.loadTheme('[doc_base_url_common]/galleriajs/1.6.1/dist/themes/classic/galleria.classic.min.js');</script>
[end]
[else]
[end]
[end]
[if not [winix_function_param_is "image"]]
<script type="text/javascript">$('.galleryimages').galleria();</script>
[else]
<script type="text/javascript">var url = window.document.URL.toString(); var num = 0; var re = /\/image:(\d+)/; var numarr = re.exec(url); if( numarr && numarr.length == 2 ) \{var num = numarr\[1\];\}; $('.galleryimages').galleria(\{show: num\});</script>
[end]
[end]
[end]
</div>