This commit is contained in:
parent
599cf005d2
commit
87f1446828
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue