Как я могу накладывать изображения на временную шкалу simile?

Я использую похожий виджет временной шкалы для создания временной шкалы, и мне нужно для добавления изображений на временную шкалу. Изображения, вероятно, будут расположены в нижней части «полосы», но, скорее всего, мне придется установить «верхний» и «левый» стили для каждого изображения (мы хотим поместить изображения в некоторые из пустых областей, чтобы они выглядели приятнее).

Я знаю, что могу изменить «значок» события, и это установит изображение, но оно всегда находится вверху полосы, и изображение мешает другим событиям, и, поскольку эти изображения технически не являются событиями, я не думаю они должны быть частью базы данных событий (сейчас все это находится в Google Doc, что упрощает изменение временной шкалы).

Я пытался добавить новые div в div временной шкалы, манипулируя DOM (jQuery, appendTo), но это никогда не срабатывало. . . не уверен, что это z-индекс или что-то в этом роде.

Я исследовал использование «декоратора» и, возможно, сделал свой собственный декоратор, но мне кажется, что кто-то ДОЛЖЕН хотел этого раньше, и я упускаю что-то простое. Идеи?


javascript simile
person tooshel    schedule 16.08.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я понял! По сути, я создал свой собственный «декоратор». Во-первых, удобно было добавлять декораторы после первоначального рендера. Я нашел это в группе simile google.

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

Затем, просмотрев исходный код Timeline для декораторов, я скопировал код Timeline.PointHighlightDecorator и сделал свой собственный файл . . называется Timeline.PointPicture на данный момент.

person tooshel    schedule 22.08.2011
comment
Не могли бы вы поделиться полной демонстрацией кода? Я пытался сделать это и безуспешно - person Hamman Samuel; 30.11.2013
comment
Что ж, окончательный результат здесь, так что вы можете проверить его сами. На самом деле это не намного больше, чем пример, который я привел в своем ответе. sustainability.asu.edu/timeline - person tooshel; 03.12.2013