Yup, done that. It's pretty easy to tack on a div to your band.
I modified the constructor for the Band to include an optional image:
/* attached image div for the band */
if (bandInfo.bandImage) {
this._bandImage =
this._timeline.getDocument().createElement("div");
this._bandImage.className = "timeline-band-image-layer";
var img = this._timeline.getDocument().createElement("img");
img.src = ("bandImage" in bandInfo) ? bandInfo.bandImage :
"/path/to/default/image.png";
this._label.appendChild(img);
this._timeline.addDiv(this._bandImage);
}
And modified the Timeline constructor to pass the bandImage parameter from the
bandInfo.
Now there is another div within the band that you can easily style with CSS
(put on left side of band or right side of band, etc) and it contains an image
specified by the bandImage value of your bandInfo object.
I've also used the same technique to add fixed labels to bands.
--Mike
On May 24, 2012, at 4:13 PM, SteveP wrote:
> Has anyone done this before? I'd like to add an image to the beginning/end of
> a band, within the band itself. Ideally it should appear over the background
> color of the band, but not affect the color of the band (defined in the event
> source). Any direction would be great!
>
> steve
--
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en.
