0

javascript で作成した div の背景 URL を設定しようとしています。これは、Jquery Orbit スライダーに使用されます。これが私のやり方です。

var content 1 = null
$("#featured").html("<div id='content' style=''>");
content1 = document.getElementById("content");
content1.style.background="url(" + imageUrlList[0] + ")";

imageUrlList はこれに由来します。

imageUrlList.push(document.getElementById("image1Container").src)

別のイメージ タグから src を取得します。したがって、目標は、イメージ タグの src を取得し、javascript で作成された div (コンテンツ) の背景として設定することです。問題は、そこにないことです。inspect要素を見てみました。URLはそこにあります。base64にあると思いますが、わかりません。しかし、それはそこにあります。何が問題だと思いますか？何か案は？ありがとう！

更新: ユーザーがファイル ダイアログで画像を選択すると、画像が表示されます。この画像は、画像コンテナーの画像タグに表示されます。これらは、取得してコンテンツ div に表示したいソース イメージです。

function readURL(input, x) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();


        reader.onload = function (e) {
            if(x == 1)
            {$('#image1Container').attr('src', e.target.result);}
            else if(x == 2)
            {$('#image2Container').attr('src', e.target.result);}
            else if(x == 3)
            {$('#image3Container').attr('src', e.target.result);}
            else if(x == 4)
            {$('#image4Container').attr('src', e.target.result);}
            else
            {$('#image5Container').attr('src', e.target.result);}

        }

        reader.readAsDataURL(input.files[0]);
    }
}
4

3 に答える 3

0

これを使用できます-

$('#content').css('background-image', 'url("' + imageUrlList[0] + '")');
于 2013-09-05T15:56:26.363 に答える
0

imageUrlList[0] が引用符で囲まれていないようです。よくわかりませんが、試してみてください：

content1.style.background="url('" + imageUrlList[0] + "')";
于 2013-09-05T15:31:06.663 に答える