LLWiki正在建设中,欢迎加入我们

“Widget:Bgimage”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
第3行: 第3行:
window.addEventListener('load', function () {
window.addEventListener('load', function () {
if(mw.config.get('skin') == 'vector') {
if(mw.config.get('skin') == 'vector') {
var ele = document.querySelector('.bgimage');
var ele = document.querySelector('.bgimage'),
var url = ele.dataset.url;
url = ele.dataset.url,
var logo = document.querySelector('#p-logo');
logo = document.querySelector('#p-logo');
if (url.match(/\/\/llwiki\.org\/mediawiki\//)) {
if (/^(?:(?:https:)?\/\/llwiki\.org)?\/mediawiki\//.test( url )) {
var img = document.createElement('img');
var img = document.createElement('img');
img.src = url;
img.src = url;
第12行: 第12行:
ele.appendChild(img);
ele.appendChild(img);
ele.style.opacity = ele.dataset.opacity;
ele.style.opacity = ele.dataset.opacity;
document.querySelector("#mw-navigation").appendChild(ele);
document.body.appendChild(ele);
}
if (ele.dataset.logo == 'off') {
logo.style.visibility = 'hidden';
}
}
if (ele.dataset.logo == 'off') { logo.style.visibility = 'hidden'; }
}
}
});
});

2020年9月25日 (五) 05:00的版本

Template-info.png 小部件文档
这个文档是内联文档。

请使用{{背景图片}}调用。

JavaScript脚本:

window.addEventListener('load', function () {
    if(mw.config.get('skin') == 'vector') {
        var ele = document.querySelector('.bgimage'),
            url = ele.dataset.url,
            logo = document.querySelector('#p-logo');
        if (/^(?:(?:https:)?\/\/llwiki\.org)?\/mediawiki\//.test( url )) {
            var img = document.createElement('img');
            img.src = url;
            img.style.objectPosition = ele.dataset.position;
            ele.appendChild(img);
            ele.style.opacity = ele.dataset.opacity;
            document.body.appendChild(ele);
        }
        if (ele.dataset.logo == 'off') { logo.style.visibility = 'hidden'; }
    }
});
//

CSS样式表:

 */
.bgimage {
	position: fixed;
	left: 0;
	top: 0;
	z-index: -2;
}
.bgimage img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
/*