imported>Sonicth0623 （加注释） |
imported>Sonicth0623 （加注释） |
（没有差异）
| |
2022年3月16日 (三) 12:23的版本
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
/* CustomSlider.js (From https://dev.fandom.com/wiki/MediaWiki:CustomSlider.js) */
(function () {
var SlideNow = window.SlideNow || 1;
var SlideCount = window.SlideCount || 0;
var SlideInterval = window.SlideInterval || 0;
var TranslateWidth = window.TranslateWidth || 0;
var TimerPause = window.TimerPause || !1;
mw.hook('wikipage.content').add(function() {
var Slides = 0;
var HeightSize = 'auto';
var Data = ($('#SliderData').attr('class') || '').split('|');
if (Data.length == 3) {
Slides = Data[0];
SlideInterval = Data[1];
HeightSize = Data[2];
}
if (SlideInterval < 1000 || SlideInterval === undefined) {
SlideInterval = 3000;
}
$('.Sld').each(function (index) {
if (index + 1 > Slides) {
$(this).remove();
}
});
$('.NavBtn').each(function (index) {
if (index + 1 > Slides) {
$(this).remove();
}
});
$('#SliderView').css('height', HeightSize);
SlideCount = $('#SliderWrapper').children().length;
$('#SliderWrapper').css('width', 100 * SlideCount + '%');
$('.Sld').css('width', 100 / SlideCount + '%');
setTimeout(function tick() {
if (TimerPause === false) {
NextSlide();
}
setTimeout(tick, SlideInterval);
}, SlideInterval);
$('#SliderView').mouseenter(function () {
TimerPause = true;
});
$('#SliderView').mouseleave(function () {
TimerPause = false;
});
$('.NavBtn').click(function () {
SelectSlide($(this));
var navBtnId = $(this).index();
if (navBtnId + 1 != SlideNow) {
TranslateWidth = - $('#SliderView').width() * (navBtnId);
$('#SliderWrapper').css({
'transform': 'translate(' + TranslateWidth + 'px, 0)',
'-webkit-transform': 'translate(' + TranslateWidth + 'px, 0)',
'-ms-transform': 'translate(' + TranslateWidth + 'px, 0)',
});
SlideNow = navBtnId + 1;
}
});
var SSlider = 0;
$(window).trigger('scroll');// trigger image lazy loader
if (HeightSize != 'auto') {
SSlider = $('#SliderView').outerHeight(true);
$('.Sld').each(function (index, value) {
var HSlide = $(this).find('img').outerHeight(false);
var RMath = (SSlider - HSlide) / 2;
$(this).find('img').css('transform', 'translateY(' + RMath + 'px)');
});
}
var BtnCount = $('.NavBtn').length;
var SBtn = 0;
if ($('#NavBtns').hasClass('nmLeft')) {
SSlider = $('#NavBtns').outerHeight(true);
SBtn = $('#NavBtns li').outerHeight(true);
if ($('#NavBtns').hasClass('nmP2')) {
$('#NavBtns li').css('transform', 'translateY(' + (SSlider - SBtn * BtnCount) / 2 + 'px)');
} else if ($('#NavBtns').hasClass('nmP3')) {
$('#NavBtns li').css('transform', 'translateY(' + (SSlider - SBtn * BtnCount) + 'px)');
}
} else if ($('#NavBtns').hasClass('nmRight')) {
SSlider = $('#NavBtns').outerHeight(true);
SBtn = $('#NavBtns li').outerHeight(true);
if ($('#NavBtns').hasClass('nmP2')) {
$('#NavBtns li').css('transform', 'translateY(' + (SSlider - SBtn * BtnCount) / 2 + 'px)');
} else if ($('#NavBtns').hasClass('nmP3')) {
$('#NavBtns li').css('transform', 'translateY(' + (SSlider - SBtn * BtnCount) + 'px)');
}
} else if ($('#NavBtns').hasClass('nmTop')) {
SSlider = $('#NavBtns').outerWidth(true);
SBtn = $('#NavBtns li').outerWidth(true);
if ($('#NavBtns').hasClass('nmP2')) {
$('#NavBtns li').css('transform', 'translateX(' + (SSlider - SBtn * BtnCount) / 2 + 'px)');
} else if ($('#NavBtns').hasClass('nmP3')) {
$('#NavBtns li').css('transform', 'translateX(' + (SSlider - SBtn * BtnCount) + 'px)');
}
} else if ($('#NavBtns').hasClass('nmBottom')) {
SSlider = $('#NavBtns').outerWidth(true);
SBtn = $('#NavBtns li').outerWidth(true);
if ($('#NavBtns').hasClass('nmP2')) {
$('#NavBtns li').css('transform', 'translateX(' + (SSlider - SBtn * BtnCount) / 2 + 'px)');
} else if ($('#NavBtns').hasClass('nmP3')) {
$('#NavBtns li').css('transform', 'translateX(' + (SSlider - SBtn * BtnCount) + 'px)');
}
}
});
function NextSlide() {
if (SlideNow == SlideCount || SlideNow <= 0 || SlideNow > SlideCount) {
$('#SliderWrapper').css('transform', 'translate(0, 0)');
SlideNow = 1;
} else {
TranslateWidth = - $('#SliderView').width() * (SlideNow);
$('#SliderWrapper').css({
'transform': 'translate(' + TranslateWidth + 'px, 0)',
'-webkit-transform': 'translate(' + TranslateWidth + 'px, 0)',
'-ms-transform': 'translate(' + TranslateWidth + 'px, 0)',
});
SlideNow++;
}
SelectSlide($('#NavBtns').children().eq(SlideNow - 1));
}
function SelectSlide(ActiveBtn) {
$(window).trigger('scroll');// trigger image lazy loader
$('.NavBtn').removeClass('nbActiveLeft');
$('.NavBtn').removeClass('nbActiveRight');
$('.NavBtn').removeClass('nbActiveTop');
$('.NavBtn').removeClass('nbActiveBottom');
if ($('#NavBtns').hasClass('nmRight')) {
ActiveBtn.addClass('nbActiveRight');
} else if ($('#NavBtns').hasClass('nmTop')) {
ActiveBtn.addClass('nbActiveTop');
} else if ($('#NavBtns').hasClass('nmBottom')) {
ActiveBtn.addClass('nbActiveBottom');
} else {
ActiveBtn.addClass('nbActiveLeft');
}
}
}());
/*剧透按钮*/
var spofr = document.getElementById('spoiler'); //内容大框
var spo = document.getElementById('spoilercon'); //剧透内容
var spobut = document.getElementById('spoilerbut'); //剧透按钮
/*检测显示或隐藏状态，并交给按钮显示*/
if (spo.style.display == 'block') {
var sposta = 'block';
spobut.innerHTML = "隐藏"
} else {
var sposta = 'none';
spobut.innerHTML = "显示"
}
var spoheight = spo.clientHeight; //检测高度
var spostartclick //定义检测按钮是否在执行过程被重复按下
spobut.onclick = function() {
/*检测是否重复点击*/
if (spostartclick == true) {
console.log('用户重复点击按钮')
} else {
spostartclick = true; //禁止重复点击
/*隐藏或显示*/
if (sposta == 'block') {
spofr.style.overflow = 'hidden'
spofr.style.maxHeight = '21px'
spo.style.opacity = '0';
spobut.innerHTML = "显示"
setTimeout(
function() {
spo.style.display = 'none';
sposta = "none";
spostartclick = false //可以点击
}, 1000)
} else {
spo.style.display = 'block';
sposta = 'block';
spobut.innerHTML = "隐藏"
spofr.style.maxHeight = (spo.clientHeight + 37 + 'px');
spo.style.opacity = '100';
setTimeout(function() {
spostartclick = false; //可以点击
}, 1000)
}
}
}