SlickBoard | CSS/XML Timeline (new) | XML/SWF Charts | Timeline Eons

 < previousnext > 

 

External & Shared Objects

 

Objects can be developed in separate, shared files and then loaded when needed with the update function. Create temporary objects without any graphics, then use update to call external XML code that build the actual objects:

<slickboard>

   <!-- create a temporary object without any graphic elements -->   
   <!-- call an update script that builds the actual object -->   
   <object>
      <update url='xml/object_1.xml' />
   </object>

</slickboard>

External objects appear with a slight delay, just after the main board gets rendered. This is normal and should be taken into account when designing a board. To soften this sudden, delayed appearance, apply a transition to external objects or to the whole board.

 

Examples

<slickboard>
   
   <!-- reload the webpage to see the transitions again -->


   <!-- create a temporary object without any graphic elements -->   
   <!-- call an update script that builds the actual object -->   
   <object>
      <update url='xml/object_2.xml' />
   </object>
   
   
   <!-- create another temporary object without any graphic elements -->   
   <!-- call the same update script to build a duplicate object 3 seconds later -->   
   <!-- offset the duplicate object horizontally --> 
   <object offset_x='175'>
      <update url='xml/object_2.xml' delay='3' />
   </object>

</slickboard>

The update file object_2.xml contains this code:

<object>

   <rect x='100' y='50' line_color='88ff00' line_thickness='10' corner_br='30' />   
   <transition_in type='fly' duration='1' easing='back' startPoint='6' />
   
</object>

 

 < previousnext > 


Copyright © 2010-2017, maani.us