Javascript 如何在明喻时间轴上覆盖图像？

我正在使用创建时间线，我需要将图像添加到时间线。这些图像可能会被放置在一个“带”的底部，但我可能必须设置每个图像的“顶部”和“左侧”样式（我们希望将图像放在一些空白区域，使其看起来更漂亮）

我知道我可以改变一个事件的“图标”，这将设置一个图像，但它总是在波段的顶部，图像会妨碍其他事件的进行，因为这些图像从技术上来说不是事件，我认为它们不应该成为事件数据库的一部分（现在都在谷歌文档中，这使得更改时间线非常容易）

我试图通过管理DOM（jQuery、appendTo）向timeline div添加新的div，但这不起作用。不确定这是不是一个z索引的东西

---

我曾经尝试过使用“装饰器”，也许会制作自己的定制装饰器，但是，在我看来，以前一定有人想要这个，而我错过了一些简单的东西。想法？

我明白了！基本上，我创造了自己的“装饰师”。首先，能够在初始渲染后添加装饰器非常方便。我在谷歌集团的明喻中找到了这个

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

---

然后，查看decorators的Timeline源代码，我复制了Timeline.PointHighlightDecorator的代码并制作了自己的。现在叫Timeline.PointPicture

你能分享你完整的代码演示吗？我一直在尝试这样做，但没有成功。好吧，最后的结果就在这里，你可以自己检查一下。这实际上并不比我在回答中给出的例子多。