vertical-align: bottom;
width: 100%;
}
+img[hidden] {
+ transition: opacity 1s 0s;
+ display: inline;
+ opacity: 0;
+}
+img[hidden]:hover {
+ opacity: 1;
+ transition-delay: 2s;
+}
</style>
EOT
});
next;
}
print qq{<td title="$name">};
+ my $hidden = $name =~ s/\?$//;
if (-e (my $img = "data/dieren/$name.jpg")) {
printf '<img src="/%s"', $img;
printf ' alt="%s"', -l $img ? readlink($img) =~ s/\.jpg$//r : $name;
+ print ' hidden' if $hidden;
print ' />';
}
+ elsif (!$hidden) {
+ print $name;
+ }
print '</td>';
}
say '</tr></table>';