3 
    table += "<img class='thumb' style='background-image: url('images/video_icons/" + videos[i]["Thumbnail Title"] + "');'></img>"

これは私が持っている次のコードです（ここで、ビデオ[i] [「サムネイルのタイトル」]は単に「moo.png」またはその他の画像です）

何らかの理由で、html を表示するimages video_icons moo.pngと、スラッシュの代わりに背景の URL が表示されます。

これを次のように変更したときから、「スタイル」に関係していると思います。

    table += "<img class='thumb' src='images/video_icons/" + videos[i]["Thumbnail Title"] + "'></img>"

画像が表示されます (やりたいことができなくなりましたが、スラッシュ記号は表示されます)

どうすればいいですか？ありがとう！

編集:
クラスには次のCSSがありますthumb:

.thumb { display: inline-block; 
         width: 200px; 
         height: 100px;  
         margin: 5px;  
         background-position: center center;  
         background-size: cover;  
}

ここにフィドル（javascriptなし）：http://jsfiddle.net/lucyguo/5wxBP

4

3 に答える 3

3

あなたは混乱している引用符を持っています. 特定のエリアはstyle='background-image: url('images/video_icons/" + videos[i]["Thumbnail Title"] + "');'です。値がすでに一重引用符で囲まれている属性内に一重引用符があります。URLには必要ないので、エスケープするか、単に削除することができます。

次のように変更します。

 "<img class='thumb' style='background-image: url('images/video_icons/" + videos[i]["Thumbnail Title"] + "');'></img>"

に：

 "<img class='thumb' style='background-image: url(images/video_icons/" + videos[i]["Thumbnail Title"] + ");'></img>"
于 2013-07-02T23:41:44.983 に答える
0

image 要素には、「src」と「alt」の 2 つの必須属性があります。「alt」は画像が見つからない場合に表示される代替テキストで、「src」は画像の URL です。これらの属性を使用していません。スタイル属性には他に何も表示されないため、2番目のコード例で行ったように、「src」属性を使用する必要があります。

画像要素

于 2013-07-02T23:39:14.150 に答える