Beautifully crafted timelines that are easy and intuitive to use. http://timeline.knightlab.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
766 B
37 lines
766 B
13 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>jQuery Load Example Timeline</title>
|
||
|
|
<meta name="description" content="TimelineJS example">
|
||
|
|
|
||
|
|
<!-- jQuery -->
|
||
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<!-- BEGIN TimelineJS -->
|
||
|
|
<script type="text/javascript" src="../compiled/js/storyjs-embed.js"></script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
createStoryJS({
|
||
|
|
type: 'timeline',
|
||
|
|
width: '800',
|
||
|
|
height: '600',
|
||
|
|
source: 'example_json.json',
|
||
|
|
embed_id: 'my-timeline',
|
||
|
|
debug: true
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<!-- END TimelineJS -->
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="my-timeline"></div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|