p78543092
/
geo_info_platform
1
0
Fork 2
Code Issues Pull Requests 1 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="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" />
</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="picture" style="width: 320px;height: 180px;" src="./image/西藏/5.jpg" />
</div>
<div class="next_button"></div>
<div class="prev_button"></div>
@ -1430,7 +1418,7 @@
}
}]
};
init("西藏")
// init("西藏")
myChartGraph.on('click', function(params) {
if (params.dataType === "node") {
const node = nodeMap[params.data.name];
@ -1451,7 +1439,8 @@
else {
name = "西藏"
}
$("img").each(function(index){
// alert(1)
$(".picture").each(function(index){
newPath = "./image/"+name+"/"+(index+1)+".jpg"
$(this).attr("src", newPath)
// alert(index)
@ -1459,7 +1448,7 @@
});
}
// 点击省份加载视频
function loadVideo(name) {
function loadVideo(name) {
if (name == "西藏" || name == "新疆" || name == "青海") {
temp = 1
}
@ -1468,14 +1457,12 @@ function loadVideo(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)
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>