Library Guides: Digital Storytelling with TimelineJS: AV Tips

Image Sources

Add Images to Your TimelineJS timeline:

If your URL ends in jpg, gif, png or jpeg, it will be used as the source for an image tag. It should also work if there is a query string after the extension, perhaps specifying dynamic width and height values.

TimelineJS: Media Types
Interested in adding multimedia content to your digital timeline? Here's how to do so.

Find Images and Video

Flickr
Upload your own images to Flickr for use in TimelineJS.
Flickr (Advanced Search) Among other features, the Advanced Search page allows you to search for items on the site that are in the Creative Commons.
Google Images Images pulled from websites.
Openverse (formerly Creative Commons Search) Over 600 million images available for reuse under a Creative Commons license or in the public domain.
YouTube
Vimeo

Images Library Guide
by Tulane Libraries Last Updated Mar 21, 2024 175 views this year

Wikipedia Images

Add Images from Wikipedia
For images from Wikipedia to display properly in TimelineJS, your URL should begin with:
https://upload.wikimedia.org/wikipedia/commons/...

How to find this URL:

Click on the image in Wikipedia to open the Media Viewer.
Click on the blue “More Details” button to open the Wikimedia File: View page.
Click on the main image on that page to open the upload URL.
Copy/paste that URL into your TimelineJS Google Sheet.