Difference between revisions of "Team:UESTC-China/Team"
| Line 58: | Line 58: | ||
.myarrow{ | .myarrow{ | ||
position: absolute; | position: absolute; | ||
| − | |||
| − | |||
opacity: 0; | opacity: 0; | ||
} | } | ||
| Line 229: | Line 227: | ||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> | ||
<div class="modal-dialog" style="width: 100%"> | <div class="modal-dialog" style="width: 100%"> | ||
| − | <div class="myarrow" id="next"><img src="https://static.igem.org/mediawiki/2019/7/77/T--UESTC-China--arrow1.png" alt="arrow" width="100%" ></div> | + | <div class="myarrow" id="next" style="right: -220px;top:40%;"><img src="https://static.igem.org/mediawiki/2019/7/77/T--UESTC-China--arrow1.png" alt="arrow" width="100%" ></div> |
| + | <div id="prev" class="myarrow" style="left: -220px;top:40%;"><img src="https://static.igem.org/mediawiki/2019/8/80/T--UESTC-China--arrow2.png" alt="arrow" width="100%" ></div> | ||
<div class="modal-content" style="border:0;text-align: center;border-radius: 11%;"> <img id="myimg" alt="logo" width="100%"> </div> | <div class="modal-content" style="border:0;text-align: center;border-radius: 11%;"> <img id="myimg" alt="logo" width="100%"> </div> | ||
<div class="modal-footer" style="border: 0;"> | <div class="modal-footer" style="border: 0;"> | ||
| Line 301: | Line 300: | ||
{ | { | ||
oImg.src=arr[i+1]; | oImg.src=arr[i+1]; | ||
| + | break; | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | var oPrev=document.getElementById("prev"); | ||
| + | oPrev.onclick=function() | ||
| + | { | ||
| + | for(let i=arr.length-1;i>=0;i--) | ||
| + | { | ||
| + | if(i==0)//如果先到第一的 就先变最后一个 | ||
| + | { | ||
| + | oImg.src=arr[arr.length-1]; | ||
| + | break;//防止自动播放 | ||
| + | } | ||
| + | if(arr[i]==oImg.src) | ||
| + | { | ||
| + | oImg.src=arr[i-1]; | ||
break; | break; | ||
} | } | ||
Revision as of 12:57, 25 September 2019
