LLWiki正在建设中,欢迎加入我们!
“Widget:Bgimage”的版本间差异
跳转到导航
跳转到搜索
小 |
小 |
||
第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: |
width: 100vw; |
||
height: |
height: 100vh; |
||
object-fit: cover; |
|||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
2020年9月12日 (六) 07:28的版本
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;
}
/*