LLWiki正在建设中,欢迎加入我们!
“Widget:Bgimage”的版本间差异
跳转到导航
跳转到搜索
小 |
小 |
||
第1行: | 第1行: | ||
<noinclude>{{doc|content=请使用{{tl|背景图片}}调用。}}</noinclude><includeonly><!--{if !isset($wgBgimage) || !$wgBgimage}--><!--{assign var="wgBgimage" value=true scope="global"}--><script> |
<noinclude>{{doc|content=请使用{{tl|背景图片}}调用。}}</noinclude><includeonly><!--{if !isset($wgBgimage) || !$wgBgimage}--><!--{assign var="wgBgimage" value=true scope="global"}--><div><script> |
||
//</includeonly>JavaScript脚本:<pre lang=js> |
//</includeonly>JavaScript脚本:<pre lang=js> |
||
window.addEventListener('load', function () { |
window.addEventListener('load', function () { |
||
第33行: | 第33行: | ||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
||
</style><!--{/if}--></includeonly> |
</style></div><!--{/if}--></includeonly> |
2020年10月6日 (二) 04:05的版本
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;
}
/*