mirror of
https://github.com/YunoHost-Apps/piwigo_ynh.git
synced 2024-09-03 20:06:03 +02:00
40 lines
1.7 KiB
Smarty
40 lines
1.7 KiB
Smarty
|
{if !empty($thumbnails)}
|
||
|
{$row_height=216}
|
||
|
{$hmargin=4}
|
||
|
{$vmargin=5}
|
||
|
{$container_margin=-10}
|
||
|
|
||
|
{combine_script id='klass' path='themes/smartpocket/js/klass.min.js'}
|
||
|
{combine_script id='photoswipe' path='themes/smartpocket/js/code.photoswipe.jquery.min.js' require='klass,jquery.mobile'}
|
||
|
{combine_script id='smartpocket' path='themes/smartpocket/js/smartpocket.js' require='photoswipe'}
|
||
|
{combine_script id='sp.thumb.arrange' path='themes/smartpocket/js/thumb.arrange.js' require='jquery' load='footer'}
|
||
|
{footer_script}
|
||
|
var var_loop = {if $smartpocket.loop}true{else}false{/if}, var_autohide = {$smartpocket.autohide}, var_trad = "{'More Information'|@translate}";
|
||
|
var SPThumbsOpts ={ hMargin:{$hmargin},rowHeight:{$row_height}};
|
||
|
{/footer_script}
|
||
|
{$thumb_picker->init($row_height)}
|
||
|
{html_style}
|
||
|
.thumbnails .liEmpty{ display:none}
|
||
|
.thumbnails LI{ margin-left:{$hmargin}px; margin-bottom:{$vmargin}px}
|
||
|
.thumbnails { margin:0 {$container_margin}px 0 {$container_margin-$hmargin}px}
|
||
|
{/html_style}
|
||
|
<ul class="thumbnails">
|
||
|
{foreach from=$thumbnails item=thumbnail}{strip}
|
||
|
{$derivative=$thumb_picker->pick($thumbnail.src_image)}
|
||
|
{if isset($page_selection[$thumbnail.id])}
|
||
|
<li class="liVisible">
|
||
|
{if !isset($thumbnail.representative_ext)}
|
||
|
<a href="{$pwg->derivative_url($picture_derivative_params, $thumbnail.src_image)}" data-picture-url="{$thumbnail.URL}" rel="external">
|
||
|
{else}
|
||
|
<a href="{$thumbnail.URL}" target="_blank" onClick="window.location='{$thumbnail.URL}'">
|
||
|
{/if}
|
||
|
<img src="{$derivative->get_url()}" {$derivative->get_size_htm()} alt="{$thumbnail.TN_ALT}">
|
||
|
{else}
|
||
|
<li class="liEmpty">
|
||
|
<a href="{$pwg->derivative_url($picture_derivative_params, $thumbnail.src_image)}" rel="external">
|
||
|
{/if}
|
||
|
</a></li>
|
||
|
{/strip}{/foreach}
|
||
|
</ul>
|
||
|
{/if}
|