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

“Widget:Bgimage”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
第9行: 第9行:
var img = document.createElement('img');
var img = document.createElement('img');
img.src = url;
img.src = url;
img.style.objectPosition = ele.dataset.position;
ele.appendChild(img);
ele.appendChild(img);
ele.style.opacity = ele.dataset.opacity;
ele.style.opacity = ele.dataset.opacity;
第30行: 第31行:
}
}
.bgimage img {
.bgimage img {
width: 100%;
width: 100vw;
height: auto;
height: 100vh;
object-fit: cover;
}
}
/* </pre><includeonly> */
/* </pre><includeonly> */

2020年9月12日 (六) 07:28的版本

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

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

JavaScript脚本:

window.addEventListener('load', function () {
    if(mw.config.get('skin') == 'vector') {
        var ele = document.querySelector('.bgimage');
        var url = ele.dataset.url;
        var logo = document.querySelector('#p-logo');
        if (url.match(/\/\/llwiki\.org\/mediawiki\//)) {
            var img = document.createElement('img');
            img.src = url;
            img.style.objectPosition = ele.dataset.position;
            ele.appendChild(img);
            ele.style.opacity = ele.dataset.opacity;
            document.querySelector("#mw-navigation").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;
}
/*