Ajaxコールバックによる複数base64の背景画像

Question

私はbase64で複数の画像を取得してAjaxコール（ループ付きコールバック）を使用しています。

Ajaxコールバック "完了"中にこれらの画像をバックグラウンドで挿入できますか。

ありがとうございます。

Answer 1

はおそらくJQuery .css() Methodを使用することによって、このRefを実行する必要があります。シングルに複数の背景を追加：

はJQuery：

$('#divID').css("background-image",'url(data:image/gif;base64,R0lGODlhPQBE....==)'); 

HTML：

<div id="divID"> 
    Your div content 
</div> 

更新JQuery経由のHTML要素何かできることこのようなグラム（2つのbase64での例は、あなたがより多くを追加することができます）：

$('#divID').css("background-image",'url(data:image/gif;base64,R.....AAOw==), url(data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM..H09wdGltaXplZCBi==)'); 

あなたはurl(data:image/gif;base64..), url(data:image/gif;base64..), url(data:image/gif;base64..)としてカンマで区切られた, base64文字列で複数のurl()を追加することができます。しかし、あなたのdiv要素（複数可）のために、いくつかのCSSプロパティを書くことを忘れないでください：

#divID { 
    width: 500px; // any width you like 
    height: 250px; // any height you like 
    background-position: center bottom, left top; // position you like 
    background-repeat: no-repeat; // it is important if you don't want to see repetition of backgrounds 
} 

注：あなたが本当に複数のdivを達成するために望んでいるならば、使用し、あなたのdivに対して重複IDを作る/使用することを避けてください。それのためのクラス$('.divsClass')を使用してください。