43 lines
1.1 KiB
Plaintext
43 lines
1.1 KiB
Plaintext
<div class="show-gallery">
|
|
<h1 class="show-title">
|
|
<span>{{album-title}}</span>
|
|
</h1>
|
|
{{album-description}}
|
|
<div class="show-gallery-list" data-level="0" data-list="images">
|
|
<div class="show-content col-xs-6 col-sm-2">
|
|
<div class="show-content-inner">
|
|
<div class="show-pic">
|
|
<a href="{{link_to_show}}" onclick="window.location.hash = '{{link_to_show}}';GalleryTheater();return false;">
|
|
<img class="img" src="{{thumb-src}}" alt="{{alt_title}}">
|
|
</a>
|
|
<p class="show-description">{{image-description}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.show-gallery-list{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.show-gallery .show-content {
|
|
@media(max-width:480px){
|
|
width:100%;
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
setTimeout(function() {
|
|
var albumTitle = $('.show-title span').text().trim();
|
|
|
|
$('.show-content').each(function(index) {
|
|
var $img = $(this).find('img');
|
|
if ($img.attr('alt') === 'gallery image') {
|
|
$img.attr('alt', albumTitle + (index + 1));
|
|
}
|
|
});
|
|
$('.show-pic a').removeAttr('title');
|
|
}, 500);
|
|
|
|
</script> |