[英]background image swap full screen
我使用的背景圖片交換會更改每次刷新。 它工作正常,body標簽具有onLoad功能。 但是我希望圖像能夠正確縮放,現在我只能得到一張圖像。 任何有關擴展的想法嗎?
<script type="text/javascript">
function randomize(min, max) {
if (!min)
min = 0;
if (!max)
max = 1;
return Math.floor(Math.random()*(max+1)+min);
}
function randomBg() {
var bgs = new Array();
bgs.push("images/bg/bg1.jpg");
bgs.push("images/bg/bg2.jpg");
bgs.push("images/bg/bg3.jpg");
bgs.push("images/bg/bg4.jpg");
bgs.push("images/bg/bg5.jpg");
bgs.push("images/bg/bg6.jpg");
bgs.push("images/bg/bg7.jpg");
bgs.push("images/bg/bg8.jpg");
bgs.push("images/bg/bg9.jpg");
bgs.push("images/bg/bg10.jpg");
document.body.style.backgroundImage = "url(" + bgs[randomize(0, bgs.length-1)] + ")";
}
</script>
謝謝!
看一下CSS background-size
。
( document.body.style.backgroundSize = ''
)
即使在調整窗口大小時,這也會產生背景填充以填充文檔:
document.body.style.backgroundSize = '100% 100%';
document.body.style.backgroundRepeat = 'no-repeat';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.