Embedding a Timeline JS on Omeka Exhibit Pages
Timeline-JS-logo-on-mevvy.com_.png

Timeline JS enables very attractive multimedia timelines. All you need to create them is a Google spreadsheet for your data and a link.

Creating the Timeline JS data

  • Download the Timeline JS Google Spreadsheet Template and make a copy.
  • Enter your information in the fields, copying the template's format. Be sure to rename the template and delete any rows left over from template the sample data.
  • Publish your Template to the Web (Choose the File tab and then Publish to Web)
  • Select "Automatically republish when new data added.
  • Copy the Web URL for the spreadsheet (Note Make sure you use the web publish URL rather than the basic URL you get when your Share the spreadsheet).
  • Go to [http://timeline.verite.co/ ] and scroll down the page until you see the Embed Generator section of the page.
  • Enter the URL for the spreadsheet in the "data source" box. You may preview the timeline at this point. You can customize the font, size and a few other things. Once you are happy with your timeline, preview it again.

Embedding the Timeline JS in your Omeka exhibit.

  • Once you are happy with your timeline, copy and paste the Embed code in your Omeka Exhibit page. It will look something like this:
<iframe src='http://embed.verite.co/timeline/?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=PlayfairDisplay-Muli&maptype=ROADMAP&lang=en&hash_bookmark=true&height=650' width='100%' height='650' frameborder='0'></iframe>

Save the Omeka page.

For an example of a Timeline js on an Omeka page, see http://gvh.aphdigital.org/exhibits/show/gv_banking/bankstreet/origins

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License