This commit is contained in:
ken 2026-10-02 18:02:23 +08:00
parent 599cf005d2
commit 87f1446828
18 changed files with 81 additions and 67 deletions

View File

@ -3188,7 +3188,7 @@ $(document).ready(function() {
* 核心無障礙狀態刷新函式
*/
function refreshCycleA11y($el) {
var $items = $el.find('.w-annc__item, .widget-link__item, [class*="cycle-slide"]');
var $items = $el.find('.w-annc__item, .widget-link__item, [class*="cycle-slide"],.widget-pic ');
$items.each(function() {
var $slide = $(this);

View File

@ -1,9 +1,6 @@
@charset "utf-8";
@import "../initial";
.gallery.card-group .card.card-flip.h-100{
height: auto!important;
}
.album-name{
min-height: 1em;
display: block;
@ -33,6 +30,7 @@
padding: 0;
.img-thumbnail{
width: 100%;
padding: 0;
}
&:hover{
img{
@ -45,6 +43,9 @@
}
}
}
.gallery.card-group .card.card-flip.h-100{
height: auto !important;
}
// Gallery MODULES
.widget-gallery {
.widget-title {
@ -566,6 +567,23 @@
}
}
}
&.index8{
.index-content-inner{
background-color: rgba($theme-color-second, 0.1);
margin-bottom: 1em;
border-radius: 1em;
}
h4.index-content-title {
padding: 0 1em;
}
.index-content-inner img{
padding: 0;
border: 0;
}
.index-part{
padding: 1em 0;
}
}
}
.show-gallery {

View File

@ -22,9 +22,9 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -22,9 +22,9 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -21,9 +21,10 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -13,10 +13,11 @@
alt="{{alt_title}}"
>
</a>
<a href="{{link_to_show}}" title="{{album-name}}">
<span>
<div class="mask_title">{{image_description}}</div>
<span class="album-name" >{{link_text}}</span>
</a>
<a class="album-name" href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -12,10 +12,6 @@
<div class="mask_title">{{image_description}}</div>
</div>
</div>
<div class="mask">
<div class="circle_box"><img src="/assets/circle_icon.png" alt="">
</div>
</div>
<img
srcset="
{{thumb-large-src}} 1024w,

View File

@ -21,9 +21,10 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -28,12 +28,11 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
<div class="mask_title">{{image_description}}</div>
<span>{{link_text}}</span>
</a>
<div style="clear: both;"></div>
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="mask_title">{{image_description}}</div>
</a>
<a href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>

View File

@ -12,11 +12,9 @@
src="{{thumb-src}}"
alt="{{alt_title}}"
>
</a>
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="mask_title">{{image_description}}</div>
<div class="album-name">{{link_text}}</div>
</a>
<a class="album-name" href="{{link_to_show}}" title="{{album-name}}">{{link_text}}</a>
</div>
</div>
</div>

View File

@ -5,18 +5,15 @@
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content">
<div class="index-content-inner clearfix row">
<a href="{{link_to_show}}" title="{{album-name}}">
<a href="{{link_to_show}}">
<div class="index-pic col-sm-2">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
</a>
<div class="index-part col-sm-10">
<h4 class="index-content-title">
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
</h4>
<h4 class="index-content-title">{{album-name}}</h4>
<div class="index-img-description">{{album-description}}</div>
</div>
</a>
</div>
</div>
</div>

View File

@ -4,19 +4,16 @@
</h3>
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
<div class="index-content col-sm-3">
<a href="{{link_to_show}}" title="{{album-name}}">
<a href="{{link_to_show}}">
<div class="index-content-inner">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
<div class="index-part">
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
</h4>
</div>
</div>
</a>
</div>
</div>
</div>

View File

@ -9,13 +9,10 @@
<div class="index-pic col-xs-5 col-sm-2">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
<div class="index-part col-xs-7 col-sm-10">
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
<div class="index-part col-xs-7 col-sm-10">
<h4 class="index-content-title">
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
</h4>
</div>
</div>
</div>
</div>

View File

@ -5,24 +5,29 @@
<link rel="stylesheet" type="text/css" href="/assets/gallery_card.css">
<div class="row" data-level="0" data-list="albums">
<div class="card card-flip h-100">
<a href="{{link_to_show}}" title="{{album-name}}">
<a href="{{link_to_show}}">
<div class="card-front">
<div class="card-body" style="padding:0;">
<img src="{{thumb-src}}"alt="{{alt_title}}">
<img src="{{thumb-src}}" alt="{{album-name}}">
<div class="card-footer">
<h3 class="card-title">{{album-name}}</h3>
</div>
</div>
</div>
<div class="card-back">
<div class="card-body" style="background-color: {{album_color}};color: {{album_card_text_color}};">
<h3 class="card-title">{{album-name}}</h3>
</div>
</div>
</div>
</a>
</div>
</div>
{{pagination_goes_here}}
<style>
.h-100{
height: auto !important;
padding: 0;
}
</style>

View File

@ -7,17 +7,14 @@
<div class="index-content-inner">
<a href="{{link_to_show}}" title="{{album-name}}">
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
<div class="index-part">
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
<section class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
</h4>
</section>
</div>
</div>
</div>
</div>

View File

@ -9,15 +9,12 @@
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
</h4>
<h4 class="index-content-title">{{album-name}}</h4>
<div class="index-img-description">{{album-description}}</div>
</div>
</a>
</div>
</div>
</div>
</div>

View File

@ -9,15 +9,11 @@
<div class="index-pic">
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
</div>
</a>
<div class="index-part">
<h4 class="index-content-title">
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
</h4>
<h4 class="index-content-title">{{album-name}}</h4>
</div>
</a>
</div>
</div>
</div>
</div>

View File

@ -26,4 +26,18 @@
width:100%;
}
}
</style>
</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>