0

HTML5ビデオのキューポイントを簡単に宣言できる素晴らしいプラグインをカスタマイズしています。（それはcuepoint.jsと呼ばれます）

宣言された変数が付属しています。そして、それらの変数がトリガーされると、画面にキャプションの形式でテキストが表示されます。これは問題ありません。しかし、私はすでに書かれたコード内で画像を呼び出す方法を理解したいと思います。

getElementbyIDと標準のHTMLimgタグを圧縮してみました#divが、レンダリングされません。これと同じコードを使用して画像を呼び出す際の指針。テキストとは対照的に。

$(document).ready(function(){
//Slides object with a time (integer) and a html string
var slides = {
0: "I would like to display an Image here, though",
2: "This is 2 Seconds.",
3: "This is 3 Seconds.",
6: "This is what 6 Seconds looks like.",
10: "This is 10 Seconds.",
}
4

1 に答える 1

2

HTMLをスライドとして表示する場合は、そのHTMLを文字列として追加するだけです。

var slides = {
  0: "<img src='http://example.com/image.jpg' />",
  2: "This is 2 Seconds.",
  3: "This is 3 Seconds.",
  6: "This is what 6 Seconds looks like.",
  10: "This is 10 Seconds."
}
于 2013-01-14T21:08:59.267 に答える