p53014726
/
geo_info_platform
forked from p85947160/geo_info_platform
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

correct the question from merg

This commit is contained in:
sulenn 2019-12-11 13:40:55 +08:00
parent 1731339a15
commit df6fc7b32c
1 changed files with 16 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
demo.html
View File

@ -117,38 +117,26 @@
<div class="video_img"> <div class="video_img">
<div class="div-video"> <div class="div-video">
<video width="100%" height="100%" controls> <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"> <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>
</div> </div>
<div class="slider slider_one_big_picture"> <div class="slider slider_one_big_picture">
<div> <div>
<img src="./image/1.jpg" /> <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/1.jpg" />
</div> </div>
<div> <div>
<img src="./image/2.jpg" /> <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/2.jpg" />
</div> </div>
<div> <div>
<img src="./image/3.jpg" /> <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/3.jpg" />
</div> </div>
<div> <div>
<img src="./image/4.jpg" /> <img class="picture" style="width: 320px;height: 180px;" src="./image/西藏/4.jpg" />
</div> </div>
<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>
<div class="next_button"></div> <div class="next_button"></div>
<div class="prev_button"></div> <div class="prev_button"></div>
@ -1430,7 +1418,7 @@
} }
}] }]
}; };
init("西藏") // init("西藏")
myChartGraph.on('click', function(params) { myChartGraph.on('click', function(params) {
if (params.dataType === "node") { if (params.dataType === "node") {
const node = nodeMap[params.data.name]; const node = nodeMap[params.data.name];
@ -1451,7 +1439,8 @@
else { else {
name = "西藏" name = "西藏"
} }
$("img").each(function(index){ // alert(1)
$(".picture").each(function(index){
newPath = "./image/"+name+"/"+(index+1)+".jpg" newPath = "./image/"+name+"/"+(index+1)+".jpg"
$(this).attr("src", newPath) $(this).attr("src", newPath)
// alert(index) // alert(index)
@ -1459,7 +1448,7 @@
}); });
} }
// 点击省份加载视频 // 点击省份加载视频
function loadVideo(name) { function loadVideo(name) {
if (name == "西藏" || name == "新疆" || name == "青海") { if (name == "西藏" || name == "新疆" || name == "青海") {
temp = 1 temp = 1
} }
@ -1468,14 +1457,12 @@ function loadVideo(name) {
} }
$("video").remove(); $("video").remove();
var newPath = "./image/"+name+"/1.mp4" var newPath = "./image/"+name+"/1.mp4"
var newSource = "<div class=\"div-video\">"+ var newSource = "<video width=\"100%\" height=\"100%\" controls>"+
"<video width=\"100%\" height=\"100%\" controls>"+ "<source class=\"video\" src="+newPath+" type=\"video/mp4\">"+
"<source class=\"video\" src="+newPath+" type=\"video/mp4\">"+ "<source src=\"movie.ogg\" type=\"video/ogg\">"+
"<source src=\"movie.ogg\" type=\"video/ogg\">"+ "Your browser does not support the video tag."+
"Your browser does not support the video tag."+ "</video>"
"</video>"+ $(".div-video").prepend(newSource)
"</div>"
$(".div-c").prepend(newSource)
} }
</script> </script>