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

Widget:Bgimage

来自LLWiki
Bhsd讨论 | 贡献2020年10月3日 (六) 05:26的版本
跳转到导航 跳转到搜索
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;
}
/*