2017-09-03 267 views
0

div的背景下,我想从火基地的图像,并将其设置为一个div的背景。有谁知道这是怎么做到的吗?我尝试了所有的想法,但都没有成功。有人可以提供任何例子吗?设定从火力地堡的图像通过jQuery

<div class="museBGSize rounded-corners grpelem" id="u525"></div> 

我尝试了这种方式并没有奏效:

fbRef4.on("child_added", snap => { 
    var image = snap.child("Image").val(); 
    //concatenated the img tag using the image variable at the top 
    $("#tableBody3").append("<img src=" + image + "/img>"); 
}); 
+0

好一两件事,' “ ”'应写为'“ ”'。另外,我们可能需要更多代码才能完全理解您的问题。例如,它可能是有益的,看看有什么'#tableBody3'指。 – jdgregson

+0

'它没有work' - 你需要在这个扩张?开发人员工具控制台中是否存在错误?开发人员工具网络选项卡中的错误?它是否导致你的狗逃跑或你的房子烧毁? –

+0

OK试想tablebody3是一个div – median

回答

1

招呼每一个我找到了答案,并会张贴答案以防万一,如果有人想知道 ((我的HTML))

<div class="museBGSize rounded-corners grpelem" id="u525"><!-- simple frame --></div> 

((我的js))

var fbRef4 = firebase.database().ref().child("slide"); 
fbRef4.on("child_added", snap => { 

    var image = snap.child("Image").val(); 
var newimgsrc = 'image' + (new Date().getTime()); 
    var newimg = $('#u525'); 

    $('#u525').css("background-image", "url("+image+")"); 
    newimg.css({'background-image': 'url('+image+')'}); 
    newimg.show(); 
}); 

((我的火力))

-slide 
-asdasdasd 
    Image:"https://firebasestorage.googleapis.com/v0/b/awe..." 
+0

很好的做法,分享你自己的调查。 +1 – Axel