Modified demo html

docs/index.html

@@ -11,7 +11,7 @@
   <!-- Font Awesome latest -->
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
   <!-- jQuery Timeline -->
-  <link href="./css/timeline.min.css?ver=1.0.1" rel="stylesheet">
+  <link href="./css/timeline.min.css?ver=1.0.4" rel="stylesheet">
   <!-- HTML5 ShimとRespond.js IE8のHTML5要素とメディアクエリのサポート -->
   <!-- 警告：Respond.jsは、file:// 経由でページを表示しても機能しません -->
   <!--[if lt IE 9]>
@@ -118,7 +118,7 @@
 <!-- Bootstrap 4.0.0-alpha.6 -->
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
 <!-- jQuery Timeline -->
-<script src="./js/timeline.min.js?ver=1.0.1"></script>
+<script src="./js/timeline.min.js?ver=1.0.4"></script>
 <!-- local scripts -->
 <script>
 $(function () {

docs/index2.html

@@ -11,7 +11,7 @@
   <!-- Font Awesome latest -->
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
   <!-- jQuery Timeline -->
-  <link href="./css/timeline.min.css?ver=1.0.1" rel="stylesheet">
+  <link href="./css/timeline.min.css?ver=1.0.4" rel="stylesheet">
   <!-- HTML5 ShimとRespond.js IE8のHTML5要素とメディアクエリのサポート -->
   <!-- 警告：Respond.jsは、file:// 経由でページを表示しても機能しません -->
   <!--[if lt IE 9]>
@@ -126,7 +126,7 @@
 <!-- Bootstrap 4.0.0-alpha.6 -->
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
 <!-- jQuery Timeline -->
-<script src="./js/timeline.min.js?ver=1.0.1"></script>
+<script src="./js/timeline.min.js?ver=1.0.4"></script>
 <!-- local scripts -->
 <script>
 $(function () {

docs/index3.html

@@ -11,7 +11,7 @@
   <!-- Font Awesome latest -->
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
   <!-- jQuery Timeline -->
-  <link href="./css/timeline.min.css?ver=1.0.3" rel="stylesheet">
+  <link href="./css/timeline.min.css?ver=1.0.4" rel="stylesheet">
   <!-- HTML5 ShimとRespond.js IE8のHTML5要素とメディアクエリのサポート -->
   <!-- 警告：Respond.jsは、file:// 経由でページを表示しても機能しません -->
   <!--[if lt IE 9]>
@@ -118,8 +118,8 @@
 <!-- Bootstrap 4.0.0-alpha.6 -->
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
 <!-- jQuery Timeline -->
-<!-- script src="./js/timeline.min.js?ver=1.0.3"></script -->
-<script src="../src/timeline.js?ver=1.0.4"></script>
+<script src="./js/timeline.min.js?ver=1.0.4"></script>
+<!-- script src="../src/timeline.js?ver=1.0.4"></script -->
 <!-- local scripts -->
 <script>
 $(function () {
@@ -127,7 +127,8 @@ $(function () {
   $("#myTimeline").timeline({
     startDatetime: '2017-05-28',
     rangeAlign: 'center',
-    langsDir: "../src/langs/" // ./js/langs/
+    langsDir: "./js/langs/",
+    httpLanguage: true
   });
 
   // usage bootstrap's popover