どうやって画像をタイムラインにオーバーレイできますか？

Question

私はsimile timeline widgetを使ってタイムラインを作成しています。タイムラインに画像を追加する必要があります。画像はおそらく "バンド"の下部に配置されますが、画像ごとに "上"と "左"のスタイルを設定する必要があります（空の領域のいくつかに画像を入れて見たいより良い）。

私はイベントの「アイコン」を変えることができ、イメージを設定することができますが、常にバンドの上部にあり、イメージは他のイベントの方法になります。彼らがイベントデータベースの一部であるべきだとは思わない（今はタイムラインを本当に簡単に変更できるようにGoogle Docに入っている）。

DOM（jQuery、appendTo）を操作することでタイムラインdivに新しいdivを追加しようとしましたが、それはうまく動作しません。 。 。それがZ-Indexのものなのかどうかはわかりません。

私は「デコレータ」を使って自分のカスタムデコレータを作ってみたことがありますが、私にはこれが前に欲しかったと思われます。アイデア？

Answer 1

私はそれを得ました！基本的には、私自身の「デコレータ」を作成しました。最初のレンダリングの後にデコレータを追加できるようになったのは便利でした。私は偶然のGoogleグループでこれを見つけました。

Timeline._Band.prototype.addDecorator = function(decorator) { 
    this._decorators.push(decorator); 
    decorator.initialize(this,this._timeline); 
    decorator.paint(); 
} 

その後、デコレータのためのタイムラインのソースを見て、私はTimeline.PointHighlightDecoratorのコードをコピーして自分自身を作りました。 。今のところTimeline.PointPictureと呼ばれています。