urlencode "$SCRIPTURL/$uplink";
}
(my $nosl = $path) =~ s!/$!!;
+
+ my %tn;
+ for my $f (@$ff)
+ { $tn{$f} = TrivGal::Image->new($path . $f->name); }
+ for my $d (@$dd) {
+ my ($ddd, $fff, $iii) = listdir $real . "/" . $d->name;
+ $tn{$d} = $iii ?
+ TrivGal::Image->new(join_paths $path, $d->name, $iii->name) :
+ undef;
+ }
</%perl>
%
<&| .html, title => "Folder " . $m->interp->apply_escapes($nosl || "[top]", "h"),
%
% if (@$dd) {
<h2>Subfolders</h2>
-<div class=gallery>
-% for my $d (@$dd) {
-% my ($ddd, $fff, $iii) = listdir $real . "/" . $d->name;
-% my $tn;
-% if ($iii) { $tn = join_paths $path, $d->name . "/" . $iii->name; }
-% else { $tn = undef; }
- <& .thumbnail, target => $d->name . "/", img => $tn,
- caption => $m->interp->apply_escapes($d->name, "h"),
- comment => $d->comment &>\
-% }
+% for my $size (qw{medthumb}) {
+<div class="gallery <% $size %>">
+% for my $d (@$dd) {
+ <& .thumbnail, target => $d->name . "/", comment => $d->comment,
+ img => $tn{$d}, size => $size,
+ caption => $m->interp->apply_escapes($d->name, "h") &>\
+% }
</div>
+% }
% }
%
% if (@$ff) {
<h2>Images</h2>
-<div class=gallery>
-% for my $f (@$ff) {
- <& .thumbnail, target => $f->name, img => $path . $f->name,
- caption => $m->interp->apply_escapes($f->name, "h"),
- comment => $f->comment &>\
-% }
+% for my $size (qw{medthumb}) {
+<div class="gallery <% $size %>">
+% for my $f (@$ff) {
+ <& .thumbnail, target => $f->name, comment => $f->comment,
+ img => $tn{$f}, size => "bigthumb",
+ caption => $m->interp->apply_escapes($f->name, "h") &>\
+% }
</div>
+% }
% }
%
<div class=fill></div>
my $realdir = join_paths $IMGROOT, $dir;
my $urldir = join_paths $SCRIPTURL, $dir;
my ($dd, $ff, $ii) = listdir $realdir;
- my $vw = scaled "view", $path;
+ my $vw = TrivGal::Image->new($path)->scale("view");
my $fi = undef;
FILE: for (my $i = 0; $i < @$ff; $i++)
% }
</div>
%
-<div class=thumbstrip>
-% for my $f (@$ff) {
- <& .thumbnail, target => $f->name, img => $dir . "/" . $f->name,
+% my %img = map { $_ => TrivGal::Image->new($dir . "/" . $_->name) } @$ff;
+% for my $size (qw{smallthumb medthumb bigthumb}) {
+<div class="thumbstrip <% $size %>">
+% for my $f (@$ff) {
+ <& .thumbnail, target => $f->name, img => $img{$f}, size => $size,
caption => $m->interp->apply_escapes($f->name, "h"),
focus => $f->name eq "$base$ext" &>\
-% }
+% }
</div>
+% }
<& .footer, path => $dir &>
</&>
%
%###-------------------------------------------------------------------------
<%def .thumbnail>\
% my $tn;
-% if (defined $img) { $tn = scaled "thumb", $img; }
+% if (defined $img) { $tn = $img->scale($size); }
% else { $tn = "$STATICURL/folder.svg"; }
% if ($focus) {
- <div class=pic id=focusthumb>
- <img class=thumb src="<% $tn |u %>">
- <div class=caption><span class=name><% $caption %></span></div>
+ <figure class="thumb focusthumb <% $size %>">
+ <img class="thumb <% $size %>" load=lazy src="<% $tn |u %>">
+ <figcaption><span class=name><% $caption %></span></figcaption>
% } else {
- <div class=pic>
- <a class=pic href="<% $target |u %>">
- <img class=thumb src="<% $tn |u %>">
- <div class=caption>
+ <figure class="thumb <% $size %>">
+ <a class=thumb href="<% $target |u %>">
+ <img class="thumb <% $size %>" load=lazy src="<% $tn |u %>">
+ <figcaption>
<span class=name><% $caption %></span>
% if (defined $comment) {
<span class=comment><% $comment %></span>
% }
- </div>
+ </figcaption>
</a>
% }
- </div>
+ </figure>
%
<%args>
$target
$img
+ $size
$caption
$comment => undef
$focus => 0