comlete picture and video area

.gitignore

@@ -4,4 +4,7 @@
 # precompiled files
 .precomp
 lib/.precomp
+image/青海/1.mp4
+image/西藏/1.mp4
+image/新疆/1.mp4
 

demo.html

@@ -25,38 +25,26 @@
         <div class="div-c">
             <div class="div-video">
                 <video width="100%" height="100%" controls>
-                    <source src="movie.mp4" type="video/mp4">
+                    <source class="video" src="./image/西藏/1.mp4" type="video/mp4">
                     <source src="movie.ogg" type="video/ogg">
                     Your browser does not support the video tag.
                 </video>
             </div>
             <div class="slider slider_one_big_picture">
                 <div>
-                    <img src="./image/1.jpg" />
+                    <img class="picture1" style="width: 320px;height: 180px;" src="./image/西藏/1.jpg" />
                 </div>
                 <div>
-                    <img src="./image/2.jpg" />
+                    <img class="picture2" style="width: 320px;height: 180px;" src="./image/西藏/2.jpg" />
                 </div>
                 <div>
-                    <img src="./image/3.jpg" />
+                    <img class="picture3" style="width: 320px;height: 180px;" src="./image/西藏/3.jpg" />
                 </div>
                 <div>
-                    <img src="./image/4.jpg" />
+                    <img class="picture4" style="width: 320px;height: 180px;" src="./image/西藏/4.jpg" />
                 </div>
                 <div>
-                    <img src="./image/5.jpg" />
-                </div>
-                <div>
-                    <img src="./image/6.jpg" />
-                </div>
-                <div>
-                    <img src="./image/7.jpg" />
-                </div>
-                <div>
-                    <img src="./image/8.jpg" />
-                </div>
-                <div>
-                    <img src="./image/9.jpg" />
+                    <img class="picture5" style="width: 320px;height: 180px;" src="./image/西藏/5.jpg" />
                 </div>
                 <div class="next_button"></div>
                 <div class="prev_button"></div>
@@ -1101,6 +1089,8 @@
             category = 1
             symbolSize = 40
             init(city)
+            loadPic(city)
+            loadVideo(city)
         });
 
         myChart.setOption(option);
@@ -1354,6 +1344,7 @@
                 }
             }]
         };
+        init("西藏")
         myChartGraph.on('click', function(params) {
             if (params.dataType === "node") {
                 const node = nodeMap[params.data.name];
@@ -1366,6 +1357,41 @@
             }
         });
 
+// 点击省份加载图片
+        function loadPic(name) {
+            if (name == "西藏" || name == "新疆" || name == "青海") {
+                temp = 1
+            }
+            else {
+                name = "西藏"
+            }
+            $("img").each(function(index){
+                newPath = "./image/"+name+"/"+(index+1)+".jpg"
+                $(this).attr("src", newPath)
+                // alert(index)
+
+            });
+        }
+// 点击省份加载视频
+function loadVideo(name) {
+            if (name == "西藏" || name == "新疆" || name == "青海") {
+                temp = 1
+            }
+            else {
+                name = "西藏"
+            }
+            $("video").remove();
+            var newPath = "./image/"+name+"/1.mp4"
+            var newSource = "<div class=\"div-video\">"+
+                        "<video width=\"100%\" height=\"100%\" controls>"+
+                        "<source class=\"video\" src="+newPath+" type=\"video/mp4\">"+
+                        "<source src=\"movie.ogg\" type=\"video/ogg\">"+
+                        "Your browser does not support the video tag."+
+                "</video>"+
+            "</div>"
+            $(".div-c").prepend(newSource)
+        }
+
 </script>
 
 <script>