Widget:Bgimage

於 2020年10月3日 (六) 05:26 由 Bhsd對話 | 貢獻 所做的修訂
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;
}
/*