- Responsive
- it will go in full-screen mode on your phone in portrait, or else keep to the right of the screen, always displaying properly
- Touch-enabled
- scroll with your finger when available, or else use the scroll bar, mouse wheel or the touch pad"
- Easily customizable (see below for more info)
- Cross-browser compatibility
- IE7+, Chrome, Opera, Safari, Firefox, iOS Safari and every other major browser, mobile or desktop
- GSAP-driven transitions
- 20x times faster than jQuery's ".animate()"
- Retina-ready
- the script automatically detects the device-pixel-ratio and switches the images accordingly
- also works for Full HD screens (device-pixel-ratio = 3, like the HTC One)
- all you have to do is create a set of images for each anticipated type of screen (device-pixel-ratio = 1, 2, 3, 4 etc.) and create a folder for that set
- it will only download high-res images when needed
- Swipe to hide on mobile
- swipe right to hide, left to show
- 3D transition when clicking on image items.
- Kinetic movement.
- Auto-sort:
- set this property to "asc" or "desc" to get ascending or descending sorting of the items in the timeline or leave empty and do it manually
- Auto-side:
- "left", "right" or "auto"
- on "auto", it will place items on alternate sides, so that no 2 consecutive items are on the same side
- Auto-add separators:
- it will ad a new "separator" item every time it detects a change in date between two items and display the date of the second one
- works best with "auto-sort" enabled, so you don't have to worry about anything, just keep adding items and it will keep everything in order
- Vertically overlap items on opposite sides:
- for optimizing vertical space, it will give negative vertical margins to items, so they occupy less vertical space