This commit is contained in:
parent
29e7435ab7
commit
3a5b3383eb
|
|
@ -2489,6 +2489,7 @@ $(function() {
|
|||
$('.i-annc__page-title').after($('.sitemenu-wrap2'));
|
||||
$('.i-archive-title').after($('.sitemenu-wrap2'));
|
||||
$('.page-module-title').after($('.sitemenu-wrap2'));
|
||||
$('.show-member').before($('.sitemenu-wrap2'));
|
||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||
$('.box-social-share').before($('.sitemenu-wrap3'));
|
||||
|
|
@ -4156,128 +4157,128 @@ $(function() {
|
|||
});
|
||||
}, 500);
|
||||
});
|
||||
//header選單太長
|
||||
$(function() {
|
||||
function adjustMenuPosition() {
|
||||
var headerHeight = ($('.layout-header').outerHeight() || 140) + ($('#orbit-bar').outerHeight() || 0);
|
||||
var windowHeight = $(window).height();
|
||||
var windowWidth = $(window).width();
|
||||
// //header選單太長
|
||||
// $(function() {
|
||||
// function adjustMenuPosition() {
|
||||
// var headerHeight = ($('.layout-header').outerHeight() || 140) + ($('#orbit-bar').outerHeight() || 0);
|
||||
// var windowHeight = $(window).height();
|
||||
// var windowWidth = $(window).width();
|
||||
|
||||
// 處理 level-1
|
||||
$('.modules-menu-level-0 > li').on('mouseenter', function() {
|
||||
var $level1 = $(this).find('> .modules-menu-level-1');
|
||||
if (!$level1.length) return;
|
||||
// // 處理 level-1
|
||||
// $('.modules-menu-level-0 > li').on('mouseenter', function() {
|
||||
// var $level1 = $(this).find('> .modules-menu-level-1');
|
||||
// if (!$level1.length) return;
|
||||
|
||||
$level1.css({ 'top': '', 'max-height': '', 'overflow-y': '', 'overflow-x': '' });
|
||||
// $level1.css({ 'top': '', 'max-height': '', 'overflow-y': '', 'overflow-x': '' });
|
||||
|
||||
var menuTop = $level1.offset().top;
|
||||
var menuHeight = $level1.outerHeight();
|
||||
var available = windowHeight - menuTop;
|
||||
// var menuTop = $level1.offset().top;
|
||||
// var menuHeight = $level1.outerHeight();
|
||||
// var available = windowHeight - menuTop;
|
||||
|
||||
if (menuHeight > available) {
|
||||
var maxH = windowHeight - headerHeight;
|
||||
$level1.css({
|
||||
'top' : 'auto',
|
||||
'max-height': maxH + 'px',
|
||||
'overflow-y': 'auto',
|
||||
'overflow-x': 'visible'
|
||||
});
|
||||
// if (menuHeight > available) {
|
||||
// var maxH = windowHeight - headerHeight;
|
||||
// $level1.css({
|
||||
// 'top' : 'auto',
|
||||
// 'max-height': maxH + 'px',
|
||||
// 'overflow-y': 'auto',
|
||||
// 'overflow-x': 'visible'
|
||||
// });
|
||||
|
||||
// 判斷是否是最後一個 li（level-2 往左展開）
|
||||
var $parentLi = $level1.closest('.modules-menu-level-0 > li');
|
||||
var isLastChild = $parentLi.is(':last-child') && windowWidth >= 769;
|
||||
// // 判斷是否是最後一個 li（level-2 往左展開）
|
||||
// var $parentLi = $level1.closest('.modules-menu-level-0 > li');
|
||||
// var isLastChild = $parentLi.is(':last-child') && windowWidth >= 769;
|
||||
|
||||
$level1.find('> li').on('mouseenter.level2fix', function() {
|
||||
var $li = $(this);
|
||||
var $level2 = $li.find('> .modules-menu-level-2');
|
||||
if (!$level2.length) return;
|
||||
// $level1.find('> li').on('mouseenter.level2fix', function() {
|
||||
// var $li = $(this);
|
||||
// var $level2 = $li.find('> .modules-menu-level-2');
|
||||
// if (!$level2.length) return;
|
||||
|
||||
function updateLevel2Position() {
|
||||
var liRect = $li[0].getBoundingClientRect();
|
||||
var orbitHeight = $('#orbit-bar').outerHeight() || 0;
|
||||
var leftPos, rightPos;
|
||||
// function updateLevel2Position() {
|
||||
// var liRect = $li[0].getBoundingClientRect();
|
||||
// var orbitHeight = $('#orbit-bar').outerHeight() || 0;
|
||||
// var leftPos, rightPos;
|
||||
|
||||
if (isLastChild) {
|
||||
leftPos = 'auto';
|
||||
rightPos = (windowWidth - liRect.left) + 'px';
|
||||
} else {
|
||||
leftPos = liRect.right + 'px';
|
||||
rightPos = 'auto';
|
||||
}
|
||||
// if (isLastChild) {
|
||||
// leftPos = 'auto';
|
||||
// rightPos = (windowWidth - liRect.left) + 'px';
|
||||
// } else {
|
||||
// leftPos = liRect.right + 'px';
|
||||
// rightPos = 'auto';
|
||||
// }
|
||||
|
||||
$level2.css({
|
||||
'position' : 'fixed',
|
||||
'top' : (liRect.top - orbitHeight) + 'px', // 減去 orbit-bar 高度
|
||||
'left' : leftPos,
|
||||
'right' : rightPos,
|
||||
'max-height': (windowHeight - headerHeight) + 'px',
|
||||
'overflow-y': 'auto',
|
||||
'z-index' : 9999
|
||||
});
|
||||
}
|
||||
// $level2.css({
|
||||
// 'position' : 'fixed',
|
||||
// 'top' : (liRect.top - orbitHeight) + 'px', // 減去 orbit-bar 高度
|
||||
// 'left' : leftPos,
|
||||
// 'right' : rightPos,
|
||||
// 'max-height': (windowHeight - headerHeight) + 'px',
|
||||
// 'overflow-y': 'auto',
|
||||
// 'z-index' : 9999
|
||||
// });
|
||||
// }
|
||||
|
||||
// 初始定位
|
||||
updateLevel2Position();
|
||||
// // 初始定位
|
||||
// updateLevel2Position();
|
||||
|
||||
// 監聽 level-1 捲動，即時更新 top
|
||||
$level1.on('scroll.level2pos', function() {
|
||||
updateLevel2Position();
|
||||
});
|
||||
// // 監聽 level-1 捲動，即時更新 top
|
||||
// $level1.on('scroll.level2pos', function() {
|
||||
// updateLevel2Position();
|
||||
// });
|
||||
|
||||
}).on('mouseleave.level2fix', function() {
|
||||
$(this).find('> .modules-menu-level-2').css({
|
||||
'position' : '',
|
||||
'top' : '',
|
||||
'left' : '',
|
||||
'right' : '',
|
||||
'max-height': '',
|
||||
'overflow-y': ''
|
||||
});
|
||||
$level1.off('scroll.level2pos');
|
||||
});
|
||||
}
|
||||
});
|
||||
// }).on('mouseleave.level2fix', function() {
|
||||
// $(this).find('> .modules-menu-level-2').css({
|
||||
// 'position' : '',
|
||||
// 'top' : '',
|
||||
// 'left' : '',
|
||||
// 'right' : '',
|
||||
// 'max-height': '',
|
||||
// 'overflow-y': ''
|
||||
// });
|
||||
// $level1.off('scroll.level2pos');
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
|
||||
// 處理 level-2（level-1 不需要捲動時的一般情況）
|
||||
$('.modules-menu-level-1 > li').on('mouseenter', function() {
|
||||
var $li = $(this);
|
||||
var $level2 = $li.find('> .modules-menu-level-2');
|
||||
if (!$level2.length) return;
|
||||
// // 處理 level-2（level-1 不需要捲動時的一般情況）
|
||||
// $('.modules-menu-level-1 > li').on('mouseenter', function() {
|
||||
// var $li = $(this);
|
||||
// var $level2 = $li.find('> .modules-menu-level-2');
|
||||
// if (!$level2.length) return;
|
||||
|
||||
var $level1 = $li.closest('.modules-menu-level-1');
|
||||
if ($level1.css('overflow-y') === 'auto') return;
|
||||
// var $level1 = $li.closest('.modules-menu-level-1');
|
||||
// if ($level1.css('overflow-y') === 'auto') return;
|
||||
|
||||
// 重置
|
||||
$level2.css({ 'top': '', 'max-height': '', 'overflow-y': '' });
|
||||
// // 重置
|
||||
// $level2.css({ 'top': '', 'max-height': '', 'overflow-y': '' });
|
||||
|
||||
// 加上 li 的 padding-top，讓 level-2 頂端對齊 li 文字
|
||||
var liPaddingTop = parseInt($li.css('padding-top')) || 0;
|
||||
$level2.css('top', liPaddingTop + 'px');
|
||||
// // 加上 li 的 padding-top，讓 level-2 頂端對齊 li 文字
|
||||
// var liPaddingTop = parseInt($li.css('padding-top')) || 0;
|
||||
// $level2.css('top', liPaddingTop + 'px');
|
||||
|
||||
var menuTop = $level2.offset().top;
|
||||
var menuHeight = $level2.outerHeight();
|
||||
var available = windowHeight - menuTop;
|
||||
// var menuTop = $level2.offset().top;
|
||||
// var menuHeight = $level2.outerHeight();
|
||||
// var available = windowHeight - menuTop;
|
||||
|
||||
if (menuHeight > available) {
|
||||
var overflowAmount = menuHeight - available;
|
||||
$level2.css({
|
||||
'top' : (liPaddingTop - overflowAmount) + 'px',
|
||||
'max-height': (windowHeight - headerHeight) + 'px',
|
||||
'overflow-y': 'auto'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
// if (menuHeight > available) {
|
||||
// var overflowAmount = menuHeight - available;
|
||||
// $level2.css({
|
||||
// 'top' : (liPaddingTop - overflowAmount) + 'px',
|
||||
// 'max-height': (windowHeight - headerHeight) + 'px',
|
||||
// 'overflow-y': 'auto'
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
adjustMenuPosition();
|
||||
// adjustMenuPosition();
|
||||
|
||||
$(window).on('resize', function() {
|
||||
$('.modules-menu-level-0 > li').off('mouseenter');
|
||||
$('.modules-menu-level-1 > li').off('mouseenter.level2fix mouseleave.level2fix');
|
||||
$('.modules-menu-level-1').off('scroll.level2pos');
|
||||
adjustMenuPosition();
|
||||
});
|
||||
});
|
||||
// $(window).on('resize', function() {
|
||||
// $('.modules-menu-level-0 > li').off('mouseenter');
|
||||
// $('.modules-menu-level-1 > li').off('mouseenter.level2fix mouseleave.level2fix');
|
||||
// $('.modules-menu-level-1').off('scroll.level2pos');
|
||||
// adjustMenuPosition();
|
||||
// });
|
||||
// });
|
||||
//ai須新增的function
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@ a[href="/en/sitemap"]{
|
|||
margin: 0;
|
||||
font-size: unset;
|
||||
border-left: 0;
|
||||
@media(min-width:769px){
|
||||
@media(min-width:768px){
|
||||
float: left;
|
||||
.movelanguage{
|
||||
float: right;
|
||||
|
|
@ -277,6 +277,7 @@ td {
|
|||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
input[type=checkbox]:focus {
|
||||
outline: 0.3125em auto -webkit-focus-ring-color;
|
||||
|
|
|
|||
|
|
@ -38,8 +38,11 @@
|
|||
.w-ba-banner .controlplay .resume-slide.active i {
|
||||
color: $theme-color-second!important;
|
||||
}
|
||||
.w-ba-banner__caption h3 {
|
||||
.w-ba-banner__caption h3 {
|
||||
font-size: 2em;
|
||||
@media(max-width:768px){
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
ul.button-mid{
|
||||
.prev-button{
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
-webkit-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
&:hover {
|
||||
background-color: darken($color: #f5f5f5, $amount: 10);
|
||||
background: rgba(180, 180, 180, 0.1);
|
||||
}
|
||||
}
|
||||
.panel {
|
||||
|
|
@ -256,7 +256,7 @@
|
|||
-webkit-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
&:hover {
|
||||
background-color: darken($color: #f5f5f5, $amount: 10);
|
||||
background: rgba(180, 180, 180, 0.1);
|
||||
}
|
||||
}
|
||||
.panel {
|
||||
|
|
|
|||
|
|
@ -560,7 +560,6 @@
|
|||
.i-annc__list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.i-annc__title {
|
||||
font-family: $main-font;
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@
|
|||
padding: 0;
|
||||
.img-thumbnail{
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
&:hover{
|
||||
img{
|
||||
|
|
@ -42,6 +43,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.gallery.card-group .card.card-flip.h-100{
|
||||
height: auto !important;
|
||||
}
|
||||
// Gallery MODULES
|
||||
.widget-gallery {
|
||||
.widget-title {
|
||||
|
|
@ -564,6 +568,14 @@
|
|||
}
|
||||
}
|
||||
&.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;
|
||||
|
|
|
|||
|
|
@ -72,14 +72,17 @@ th.sorting_disabled {
|
|||
// }
|
||||
.i-member-item{
|
||||
&:hover{
|
||||
// img{
|
||||
// transform: scale(1.1) !important;
|
||||
// -webkit-transition: .3s ease-out;
|
||||
// -moz-transition: .3s ease-out;
|
||||
// -ms-transition: .3s ease-out;
|
||||
// -o-transition: .3s ease-out;
|
||||
// transition: .3s ease-out;
|
||||
// }
|
||||
.i-member-pic-wrap{
|
||||
overflow: hidden;
|
||||
.i-member-pic{
|
||||
transform: scale(1.05) !important;
|
||||
-webkit-transition: .3s ease-out;
|
||||
-moz-transition: .3s ease-out;
|
||||
-ms-transition: .3s ease-out;
|
||||
-o-transition: .3s ease-out;
|
||||
transition: .3s ease-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-member{
|
||||
|
|
|
|||
|
|
@ -90,6 +90,7 @@
|
|||
border: 1px solid #6868688f;
|
||||
padding: 1em;
|
||||
background-color: #fff;
|
||||
margin-bottom: 1em;
|
||||
.sitemenu-list {
|
||||
position: relative;
|
||||
float: none;
|
||||
|
|
|
|||
|
|
@ -63,62 +63,7 @@
|
|||
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
||||
$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
|
||||
});
|
||||
$(function() {
|
||||
function updateBannerClip() {
|
||||
$('.ba-banner-widget-0').each(function() {
|
||||
var $banner = $(this);
|
||||
var vpWidth = $(window).width();
|
||||
var vpHeight = $(window).height();
|
||||
|
||||
// --- 寬度：找比 viewport 窄的父層容器 ---
|
||||
var $container = null;
|
||||
$banner.parents().each(function() {
|
||||
var $el = $(this);
|
||||
if ($el.outerWidth() < vpWidth - 10) {
|
||||
$container = $el;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
var clipLeft = 0;
|
||||
var clipRight = 0;
|
||||
if ($container && $container.length > 0) {
|
||||
clipLeft = Math.max(0, $container.offset().left);
|
||||
clipRight = Math.max(0, vpWidth - $container.offset().left - $container.outerWidth());
|
||||
}
|
||||
|
||||
// --- 高度：依 .w-ad-banner 自己區塊的上下邊界裁切 ---
|
||||
var bannerTop = $banner.offset().top - $(window).scrollTop();
|
||||
var bannerBottom = vpHeight - bannerTop - $banner.outerHeight();
|
||||
|
||||
var clipTop = Math.max(0, bannerTop);
|
||||
var clipBottom = Math.max(0, bannerBottom);
|
||||
|
||||
var clipValue = 'inset('
|
||||
+ clipTop + 'px '
|
||||
+ clipRight + 'px '
|
||||
+ clipBottom + 'px '
|
||||
+ clipLeft + 'px)';
|
||||
|
||||
$banner.find('img.w-ba-banner__image').css('clip-path', clipValue);
|
||||
});
|
||||
}
|
||||
|
||||
// 初始執行
|
||||
setTimeout(updateBannerClip, 300);
|
||||
|
||||
// 視窗縮放時重新計算
|
||||
var resizeTimer;
|
||||
$(window).on('resize', function() {
|
||||
clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(updateBannerClip, 100);
|
||||
});
|
||||
|
||||
// ✅ 滾動時也要更新，因為 bannerTop 會隨捲動改變
|
||||
$(window).on('scroll', function() {
|
||||
updateBannerClip();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.w-ba-banner .controlplay .pause-slide.active i{
|
||||
|
|
|
|||
|
|
@ -2,9 +2,7 @@
|
|||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
|
||||
<div style=" position: absolute;
|
||||
top: 1em;
|
||||
width: 6em;
|
||||
|
|
@ -53,128 +51,7 @@
|
|||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
||||
<script>
|
||||
function combineul_{{subpart-id}}(){
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
parents.each(function(i,v){
|
||||
for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
|
||||
$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
|
||||
var ullength = $(v).find('ul.w-annc__list').length;
|
||||
for(var i = 1;i < ullength;i++)
|
||||
$(v).find('ul.w-annc__list').eq(-1).remove();
|
||||
})
|
||||
};
|
||||
var num;
|
||||
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
|
||||
function reorganize_{{subpart-id}}(num){
|
||||
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').toArray();
|
||||
var currentul = uls.findIndex(function(v){
|
||||
return $(v).hasClass("active") && !$(v).hasClass("hidden_item");
|
||||
})
|
||||
if(currentul == -1)
|
||||
currentul = 0;
|
||||
var li_active_idx = 0;
|
||||
if(currentul != 0)
|
||||
li_active_idx = $(uls[currentul]).find("li.w-annc__item").eq(0).index("li.w-annc__item");
|
||||
combineul_{{subpart-id}}();
|
||||
var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
|
||||
parents.each(function(i,v){
|
||||
var lilength = $(v).find('li.w-annc__item').length;
|
||||
var ul_length = Math.ceil(lilength/num);
|
||||
for(var ii=1;ii< ul_length;ii++){
|
||||
var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
|
||||
clone_ul.empty();
|
||||
clone_ul.removeClass("active");
|
||||
clone_ul.css("display","");
|
||||
$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
|
||||
var lihtml="";
|
||||
if(ii != (ul_length-1)){
|
||||
for(var j=0;j<num;j++){
|
||||
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
|
||||
};
|
||||
}else{
|
||||
for(var j=0;j< lilength - num *(ul_length-1) ;j++){
|
||||
lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
|
||||
};
|
||||
};
|
||||
$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
|
||||
}
|
||||
if(ul_length != 1 )
|
||||
for(var i=0;i< lilength -num ; i++)
|
||||
$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
|
||||
})
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css("display","none");
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('padding','0');
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] button').css('z-index','10');
|
||||
// $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('width','calc('+100/num+'% - '+100/10+'em)'); //20px=>li的margin
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('float','left');
|
||||
var active_ul = $("[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item").eq(li_active_idx).parents("ul.w-annc__list");
|
||||
active_ul.addClass("active");
|
||||
active_ul.removeClass("hidden_item");
|
||||
active_ul.css("display","");
|
||||
};
|
||||
$(window).resize(function(){
|
||||
if($(window).width()>1024){
|
||||
reorganize_{{subpart-id}}(2);
|
||||
num=2;
|
||||
}else if($(window).width()>576){
|
||||
reorganize_{{subpart-id}}(2);
|
||||
num=2;
|
||||
}else{
|
||||
reorganize_{{subpart-id}}(1);
|
||||
num=1;
|
||||
}
|
||||
})
|
||||
$(document).ready(function(){
|
||||
if($(window).width()>1024){
|
||||
reorganize_{{subpart-id}}(2);
|
||||
num=2;
|
||||
}else if($(window).width()>576){
|
||||
reorganize_{{subpart-id}}(2);
|
||||
num=2;
|
||||
}else{
|
||||
reorganize_{{subpart-id}}(1);
|
||||
num=1;
|
||||
}
|
||||
var flag=false;
|
||||
$('.btn-left').click(function(){
|
||||
if(!flag){
|
||||
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
|
||||
var ul_length = uls.length;
|
||||
var currentul = uls.findIndex(function(v){
|
||||
return $(v).hasClass("active");
|
||||
})
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
|
||||
if(currentul - 1 < 0)
|
||||
currentul += ul_length;
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
|
||||
var active_item = $(uls[currentul-1]);
|
||||
active_item.addClass("active");
|
||||
active_item.find("li").css("display","block");
|
||||
flag=true;
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "right", mode: 'show', duration: 500},function(){flag=false;});
|
||||
};
|
||||
});
|
||||
$('.btn-right').click(function(){
|
||||
var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
|
||||
if(!flag){
|
||||
var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
|
||||
var ul_length = uls.length;
|
||||
var currentul = uls.findIndex(function(v){
|
||||
return $(v).hasClass("active");
|
||||
})
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
|
||||
if(currentul + 1 > ul_length - 1)
|
||||
currentul -= ul_length;
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
|
||||
var active_item = $(uls[currentul+1]);
|
||||
active_item.addClass("active");
|
||||
active_item.find("li").css("display","block");
|
||||
flag=true;
|
||||
$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "left", mode: 'show', duration: 500},function(){flag=false;});
|
||||
};
|
||||
});
|
||||
});
|
||||
</script> -->
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@
|
|||
$img.attr('alt', albumTitle + (index + 1));
|
||||
}
|
||||
});
|
||||
$('.show-pic a').removeAttr('title');
|
||||
}, 500);
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue