1

これは本当に簡単ですが、私はプログラマーではありません。私は、一般的な問題解決スキルを備えたブルート フォース コードにすぎません。これではうまくいきません。このコードは、背景画像をランダム化するように設定されており、機能します。ただし、ページが完全に読み込まれるまで待機するように設定されているため、タイミングが不安定です。私が理解しているように、document.ready を使用すると、より一貫した (そしてより速い) タイミングが得られますが、機能させることができないようです。作業バージョンは次のとおりです。

<script type="text/javascript"> 
    function changeImg(imgNumber) { 
        var myImages = [
            "http://static.tumblr.com/0obftwk/u0Am8xfjf/streetarturbaninphilade.jpg",
            "http://static.tumblr.com/0obftwk/Xmym8xfet/artmuseumarea.jpg",
            "http://static.tumblr.com/0obftwk/znNm8xf9e/rowhouseswestphilly.jpg",
            "http://static.tumblr.com/0obftwk/af1m8xf87/phillyvista.jpg",
            "http://static.tumblr.com/0obftwk/ydIm8xf74/chinagatephiladelphia.jpg",
            "http://static.tumblr.com/0obftwk/8kCm8xf41/broadritner.jpg"
        ]; 
        var imgShown = document.body.style.backgroundImage; 
        var newImgNumber =Math.floor(Math.random()*myImages.length);
        document.body.style.backgroundImage = 'url('+myImages[newImgNumber]+')'; 
    }   

    window.onload=changeImg;
</script>
4

1 に答える 1

0

ページを読み込む前に画像のリストがわかっている場合は、画像への参照をCSSに貼り付けてから、document.bodyのclassNameを変更するだけです。

.bgClass1 {background-image: url(http://static.tumblr.com/0obftwk/u0Am8xfjf/streetarturbaninphilade.jpg)}

... 等々...

<body class="bgClass1">

それ以外の場合は、jsを使用してプリローダーを構築します

于 2012-08-28T22:44:34.677 に答える