Hmmm... The trick will be to add the image to the correct div. Each Timeline band consists of a number of divs. In some cases, the divs overlap and the z-index is used to order them. In other cases, the divs have children spaced out along the band.
Use firebug with firefox to see the different divs. Since each of the important divs has a unique id, you can use window.document.getElementById to get the right div. Then add a child element to it. Main thing to watch out for is that some of the divs are V E R Y wide -- these are the divs that are slid back and forth to give the effect of the infinite Timeline. Don't use those for your purpose, use a div that has a 'regular' width. You can see the widths in firebug. Regards, Larry ________________________________ From: mthakershi <[email protected]> To: SIMILE Widgets <[email protected]> Sent: Tuesday, February 17, 2009 1:15:12 PM Subject: Re: Need help adding image on left side of a band Wow. Thank you for quick response. My only problem is how do I do this for each detailed band? If I do it at timeline level then I can't keep up with top/height of the band/ image. IMG1 -- DETAILED BAND 1 IMG2 -- DETAILED BAND 2 NO IMAGE -- OVERVIEW BAND 1 I want tot achieve something like the above. Thank you again Larry. On Feb 17, 12:10 pm, Larry Kluger <[email protected]> wrote: > Hi Malay, > > You want to add an image that does not move? -- The Timeline band should move > behind your fixed image? > > If that's the case, I think that your idea of using the software which > paints the Simile copyright onto the band is a good idea. > > The code is in the timeline.js file, search for 'copyright' > > Also, note that createTranslucentImage changes the image--it doesn't add the > image to the dom. > To add the image to the main container for the Timeline, I believe that you'd > use: > timeline_obj.addDiv(new_element); > > Where timeline_obj is the object you receive back from the initial create > timeline call. > (Above has not been tested.) > > Hope this helps, > > Larry > > ________________________________ > From: mthakershi <[email protected]> > To: SIMILE Widgets <[email protected]> > Sent: Tuesday, February 17, 2009 12:45:34 PM > Subject: Need help adding image on left side of a band > > Hello, > > I need some help figuring out where to make changes. > > I want to add an image to left side of each detailed band. So I tried > to follow the createTranslucentImage code that adds copy right > information in bands _div and _innerDiv but it doesn't work. > Basically, I think _innerDiv should start after that image. > > Can someone help me? > > Thank you. > > Malay --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
