LLWiki正在建設中,歡迎加入我們

「Widget:Bgimage」修訂間的差異

出自LLWiki
跳至導覽 跳至搜尋
(待测试)
 
(//使用页面/文本对比查看器快速编辑)
 
(未顯示同一使用者於中間所作的 44 次修訂)
第1行: 第1行:
<noinclude>{{doc|content=用于在桌面版添加背景图片,请使用{{tl|背景图片}}调用。
<includeonly><!--{if !isset($wgBgimage) || !$wgBgimage}--><!--{assign var="wgBgimage" value=true scope="global"}--><script>

$(.bgimage).append("img").attr("src", $(ele).dataset.url);
==外部链接==
$(.bgimage).each((_, ele) => {
{{CCnotice|MGP=widget:sideBarPic}}}}[[category:混合小部件]]
$(ele).appendTo("html > body > #content + #mw-navigation");
<p>JavaScript脚本:[[User:Bhsd/widget/bgimage.js]]</p></noinclude><includeonly><!--{if !isset($wgBgimage) || !$wgBgimage}--><!--{assign var="wgBgimage" value=true scope="global"}--><script defer src="/zh?title=user:bhsd/widget/bgimage.js&action=raw&ctype=text/javascript"></script><style>
});
/* </includeonly>CSS样式表:<pre lang="css"> */
</script></style>
.bgimage {
.bgimage {
display: none;
position: fixed;
position: fixed;
left: 0;
top: 0;
left: 0;
top: 0;
z-index: -2;
z-index: -2;
}
}
.bgimage img {
.bgimage img {
width: 100%;
width: 100vw;
height: auto;
height: 100vh;
object-fit: cover;
}
}
/* </pre><includeonly> */
</style>
<!--{/if}--></includeonly>
</style><!--{/if}--></includeonly>

於 2022年5月17日 (二) 19:50 的最新修訂

Template-info.png 小部件文檔
這個文檔是內聯文檔。

用於在桌面版添加背景圖片,請使用{{背景圖片}}調用。

外部連結

本頁面含有來自萌娘百科的文本,以CC BY-NC-SA 3.0授權引入。經過雙方的修改,內容可能已與來源有很大差異。

JavaScript腳本:User:Bhsd/widget/bgimage.js

CSS樣式表:

 */
.bgimage {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -2;
}
.bgimage img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
/*