javascript - JavaScriptを使用してdivに画像を割り当てる方法

Question

function ft1(){
        var imgSrcs = ['1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif']; 
        var myImages = [], img;
        for (var i = 1; i <=8; i++) {
            img = new Image();
            img.onload = function() {

                var div0 = document.getElementById(i);
                div0.style.backgroundImage = "url(" + this.src + ")";
            };
            img.src = imgSrcs[i];
            myImages[i] = img;
        }

        }


<input name="Button1" type="button" value="button" onclick="ft1();" />

私の div ID は 1 から 8 です。javascript を使用してそのダイブの画像を追加したいのですが、このコードは正しく機能しませんでした。エラーの場所がわかっている場合は、私に電話してください。

score 0 · Accepted Answer

ループでこのコードを使用してみてください

var elem = document.createElement("img");
elem.src = this.src;
elem.setAttribute("height", "250");
elem.setAttribute("width", "1024");
elem.setAttribute("alt", "alt text");
document.getElementById("placehere").appendChild(elem);

幸運を！

score 0 · Accepted Answer

私はあなたのコードにいくつかの変更を加えました:

function ft1() {
    var imgSrcs = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif', '6.gif', '7.gif', '8.gif'];
    var myImages = [];
    for (var i = 1; i <= imgSrcs.length; i++) {
        var img = new Image();
        img.src = imgSrcs[i];
        var div0 = document.getElementById(i);
        //I am not sure what you are trying to do in the below line.
        //div0.style.backgroundImage = "url(" + this.src + ")";
        div0.appendChild(img);
        myImages[i] = img;
    }
}

私の知る限り、変数はDOMの一部ではないimg.onloadため、機能しません。最初に、上記のメソッドをimg使用して DOM の一部にする必要があります。appendChild

1 つ質問があります。参照とは何this.srcを指していますか。

score 0 · Accepted Answer

<script type="text/javascript">
        var myImages = new Array("usa.gif","canada.gif","jamaica.gif","mexico.gif");// list of images

        function changeImg(that) // function call on_click of image below
    {
        var newImgNumber = Math.round(Math.random()*3); // create math to random the images

        while (that.src.indexOf(myImages[newImgNumber]) != -1) // make sure that the randomization corresponds to the list of images
        {
            newImgNumber = Math.round(Math.random()*3) // sets the math to the new image
        }

        that.src = myImages[newImgNumber]; // change the image 

        return false; // makes it able to be done again
    }
</script>

score 0 · Accepted Answer

0

imgSrcs[i]代わりに使用する必要があると思いますthis.src

于 2013-09-25T04:43:18.963 に答える

javascript - JavaScriptを使用してdivに画像を割り当てる方法

6 に答える 6

Related

Reference