如何在比喻时间轴上叠加图像？

Question

我正在使用simile timeline widget创建时间轴，我需要将图像添加到时间轴。图像可能位于“乐队”的底部，但我可能需要为每个图像设置“顶部”和“左侧”样式（我们希望将图像放在一些空白区域中以使其看起来像更好）。

我知道我可以改变一个事件的“图标”，这将设置一个图像，但它总是在乐队的顶部，图像会妨碍其他事件，因为这些图像不是技术上的事件我不喜欢我们认为它们应该成为事件数据库的一部分（现在它只是在Google Doc中，这使得更改时间线非常容易）。

我试图通过对DOM（jQuery，appendTo）进行操作来向时间轴div添加新的div，但这种方法无效。 。 。不确定它是否是z-index的东西或者是什么。

我已经探索过使用“装饰器”并且可能制作我自己的自定义装饰器但是，好吧，在我看来有人之前必须想要这个并且我错过了一些简单的东西。想法？

Answer 1

我明白了！基本上，我创建了自己的“装饰者”。首先，它可以在初始渲染后添加装饰器。我在明星谷歌小组中找到了这个。

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

然后，查看装饰器的时间轴源代码，我复制了Timeline.PointHighlightDecorator的代码并创建了自己的代码。 。现在称为Timeline.PointPicture。