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|背景图片}}调用。}}[[category:混合小部件]]</noinclude><includeonly><!--{if !isset($wgBgimage) || !$wgBgimage}--><!--{assign var="wgBgimage" value=true scope="global"}--><script defer src="/zh?title=</includeonly><noinclude><p>JavaScript脚本:[[</noinclude>User:Bhsd/widget/bgimage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript"></script><style> |
||
//</includeonly>JavaScript脚本:<pre lang=js> |
|||
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'; } |
|||
} |
|||
}); |
|||
//</pre> |
|||
<includeonly> |
|||
</script><style> |
|||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
.bgimage { |
.bgimage { |
2020年11月18日 (三) 02:03的版本
JavaScript脚本:User:Bhsd/widget/bgimage.js
CSS样式表:
*/
.bgimage {
position: fixed;
left: 0;
top: 0;
z-index: -2;
}
.bgimage img {
width: 100vw;
height: 100vh;
object-fit: cover;
}
/*