confire

.gitignore

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

demo.html

@@ -33,38 +33,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" />
+                    <img class="picture5" style="width: 320px;height: 180px;" 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" />
                 </div>
                 <div class="next_button"></div>
                 <div class="prev_button"></div>
@@ -126,38 +114,26 @@
         <div class="video_img">
             <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="picture" style="width: 320px;height: 180px;" src="./image/西藏/1.jpg" />
                 </div>
                 <div>
-                    <img src="./image/2.jpg" />
+                    <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/2.jpg" />
                 </div>
                 <div>
-                    <img src="./image/3.jpg" />
+                    <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/3.jpg" />
                 </div>
                 <div>
-                    <img src="./image/4.jpg" />
+                    <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/4.jpg" />
                 </div>
                 <div>
-                    <img src="./image/5.jpg" />
+                    <img class="picture" style="width: 320px;height: 180px;" 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" />
                 </div>
                 <div class="next_button"></div>
                 <div class="prev_button"></div>
@@ -1186,6 +1162,8 @@
             category = 1
             symbolSize = 40
             init(city)
+            loadPic(city)
+            loadVideo(city)
         });
 
         myChart.setOption(option);
@@ -1361,7 +1339,7 @@
             optionGraph.series[0].links = Object.values(currentGraph.links);
             myChartGraph.setOption(optionGraph);
         }
-
+        
         const optionGraph = {
             title: {
                 title:'知识图谱',
@@ -1442,8 +1420,8 @@
                 }
             }]
         };
-
         
+        // init("西藏")
         myChartGraph.on('click', function(params) {
             if (params.dataType === "node") {
                 const node = nodeMap[params.data.name];
@@ -1478,6 +1456,40 @@
             }
             redrawGraph();
         });
+// 点击省份加载图片
+        function loadPic(name) {
+            if (name == "西藏" || name == "新疆" || name == "青海") {
+                temp = 1
+            }
+            else {
+                name = "西藏"
+            }
+            // alert(1)
+            $(".picture").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 =  "<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-video").prepend(newSource)
+        }
+
 </script>
 
 <script type="text/javascript">