1

更新ごとに変更される背景画像のスワップを使用しています。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>

ありがとう！

4

1 に答える 1

0

CSS を見てくださいbackground-size。
( document.body.style.backgroundSize = '')

これにより、ウィンドウのサイズを変更した場合でも、ドキュメントを埋める背景のストレッチが作成されます。

document.body.style.backgroundSize = '100% 100%';
document.body.style.backgroundRepeat = 'no-repeat';
于 2012-11-29T14:15:33.217 に答える