Sweet!! Can't wait to get back to my computer to try this out :) Thanks Mike!
steve On Thu, May 24, 2012 at 1:46 PM, Michael Nosal <[email protected]> wrote: > 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. > > -- 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.
