| ... | ... |
@@ -82,6 +82,8 @@ def getManganeloTV(url): |
| 82 | 82 |
#pageContent += " <div class=\"mangaRead\" onclick=\"onArticle(0)\">📖</div>\n" |
| 83 | 83 |
#pageContent += " <div class=\"mangaChapNavigHome\"><div class=\"arrow-down\" onclick=\"onArticle(0)\"></div><a></div>\n" |
| 84 | 84 |
pageContent += " <span id=\"mangaCurrPage\"></span><span id=\"mangaNumPages\"> / "+str(mangaImagesNum)+"</span>\n" |
| 85 |
+ pageContent += " <span id=\"mangaFSStatus\" style=\"display: none;\">0</span>\n" |
|
| 86 |
+ pageContent += " <span id=\"mangaFSToggle\" onclick=\"openFullscreen();\"><div class=\"fs-on\"></div></div>\n" |
|
| 85 | 87 |
opacityValue=3; |
| 86 | 88 |
if 7 <= datetime.datetime.now().hour and 20 >= datetime.datetime.now().hour: |
| 87 | 89 |
opacityValue=10; |
| ... | ... |
@@ -55,6 +55,32 @@ |
| 55 | 55 |
document.getElementById("mangaCurrPage").innerHTML = index+1;
|
| 56 | 56 |
changeOpacity(); |
| 57 | 57 |
} |
| 58 |
+ function openFullscreen() {
|
|
| 59 |
+ //var elem = document.getElementById("article-current");
|
|
| 60 |
+ var elem = document.documentElement; |
|
| 61 |
+ var status = parseInt(document.getElementById("mangaFSStatus").innerHTML);
|
|
| 62 |
+ if( 0 == status ) {
|
|
| 63 |
+ document.getElementById("mangaFSStatus").innerHTML = 1;
|
|
| 64 |
+ if (elem.requestFullscreen) {
|
|
| 65 |
+ elem.requestFullscreen(); |
|
| 66 |
+ } else if (elem.webkitRequestFullscreen) { /* Safari */
|
|
| 67 |
+ elem.webkitRequestFullscreen(); |
|
| 68 |
+ } else if (elem.msRequestFullscreen) { /* IE11 */
|
|
| 69 |
+ elem.msRequestFullscreen(); |
|
| 70 |
+ } |
|
| 71 |
+ document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-off\"></div>";
|
|
| 72 |
+ } else {
|
|
| 73 |
+ document.getElementById("mangaFSStatus").innerHTML = 0;
|
|
| 74 |
+ if (document.exitFullscreen) {
|
|
| 75 |
+ document.exitFullscreen(); |
|
| 76 |
+ } else if (document.webkitExitFullscreen) { /* Safari */
|
|
| 77 |
+ document.webkitExitFullscreen(); |
|
| 78 |
+ } else if (document.msExitFullscreen) { /* IE11 */
|
|
| 79 |
+ document.msExitFullscreen(); |
|
| 80 |
+ } |
|
| 81 |
+ document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-on\"></div>";
|
|
| 82 |
+ } |
|
| 83 |
+ } |
|
| 58 | 84 |
</script> |
| 59 | 85 |
</body> |
| 60 | 86 |
</html> |
| ... | ... |
@@ -96,9 +96,6 @@ a:hover{}
|
| 96 | 96 |
max-height: 85vh; |
| 97 | 97 |
display: inline; |
| 98 | 98 |
} |
| 99 |
-#colMiddle img {
|
|
| 100 |
-/* opacity: 0.2; */ |
|
| 101 |
-} |
|
| 102 | 99 |
|
| 103 | 100 |
.center {
|
| 104 | 101 |
display: block; |
| ... | ... |
@@ -121,7 +118,9 @@ a:hover{}
|
| 121 | 118 |
.arrow-up, |
| 122 | 119 |
.arrow-down, |
| 123 | 120 |
.arrow-left, |
| 124 |
-.arrow-right {
|
|
| 121 |
+.arrow-right, |
|
| 122 |
+.fs-on, |
|
| 123 |
+.fs-off {
|
|
| 125 | 124 |
width: 0; |
| 126 | 125 |
height: 0; |
| 127 | 126 |
display: inline-block; |
| ... | ... |
@@ -150,6 +149,16 @@ a:hover{}
|
| 150 | 149 |
border-bottom: 12px solid transparent; |
| 151 | 150 |
border-right:12px solid #cc9630; |
| 152 | 151 |
} |
| 152 |
+.fs-on {
|
|
| 153 |
+ border-top: 16px solid #cc9630; |
|
| 154 |
+ border-left: 16px solid transparent; |
|
| 155 |
+} |
|
| 156 |
+.fs-off {
|
|
| 157 |
+ border-top: 8px solid transparent; |
|
| 158 |
+ border-bottom: 8px solid transparent; |
|
| 159 |
+ border-left: 8px solid #cc9630; |
|
| 160 |
+ border-right: 8px solid #cc9630; |
|
| 161 |
+} |
|
| 153 | 162 |
|
| 154 | 163 |
.row2 {
|
| 155 | 164 |
display:none; |