... | ... |
@@ -3,142 +3,143 @@ |
3 | 3 |
<div class="column" onclick="onPagePlus()" id="pagePlus"><div class="arrow-right"></div></div> |
4 | 4 |
</div> |
5 | 5 |
<script> |
6 |
- function init() { |
|
6 |
+function init() { |
|
7 | 7 |
var imgDefer = document.getElementsByTagName("img"); |
8 | 8 |
for (var i=0; i<imgDefer.length; i++) { |
9 | 9 |
if(imgDefer[i].getAttribute("data-src")) { |
10 |
- console.log("defer init: "+i); |
|
11 |
- imgDefer[i].setAttribute("src",imgDefer[i].getAttribute("data-src")); |
|
12 |
- } } |
|
13 |
- var curPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1; |
|
14 |
- setTimeout(onArticle(curPage), 500); |
|
10 |
+ console.log("defer init: "+i); |
|
11 |
+ imgDefer[i].setAttribute("src",imgDefer[i].getAttribute("data-src")); |
|
12 |
+ } |
|
15 | 13 |
} |
16 |
- window.onload = init; |
|
17 |
- function changeHref() { |
|
18 |
- var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
19 |
- var curPage = parseInt(document.getElementById("mangaCurrPage").innerHTML); |
|
20 |
- location.href="#opacity="+curOpacity+"&page="+curPage; |
|
21 |
- } |
|
22 |
- function changeOpacity() { |
|
23 |
- var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
24 |
- document.getElementById("article-current").style.opacity = curOpacity/10; |
|
25 |
- changeHref(); |
|
26 |
- } |
|
27 |
- function onOpacityPlus() { |
|
28 |
- var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
29 |
- curOpacity += 1; |
|
30 |
- if( 10 <= curOpacity ) curOpacity = 10; |
|
31 |
- document.getElementById("mangaOpacityValue").innerHTML = curOpacity; |
|
32 |
- changeOpacity(); |
|
33 |
- } |
|
34 |
- function onOpacityMinus() { |
|
35 |
- var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
36 |
- curOpacity -= 1; |
|
37 |
- if( 1 > curOpacity ) curOpacity = 1; |
|
38 |
- document.getElementById("mangaOpacityValue").innerHTML = curOpacity; |
|
39 |
- changeOpacity(); |
|
40 |
- } |
|
41 |
- function onPagePlus() { |
|
42 |
- var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1; |
|
43 |
- console.log("onPagePlus: ["+currPage+"]"); |
|
44 |
- onArticle(currPage+1); |
|
45 |
- } |
|
46 |
- function onPageMinus() { |
|
47 |
- var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1; |
|
48 |
- console.log("onPageMinus: ["+currPage+"]"); |
|
49 |
- onArticle(currPage-1); |
|
50 |
- } |
|
51 |
- function onChapterNext() { |
|
52 |
- var elLink = document.getElementById("chapterNext").innerHTML; |
|
53 |
- var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
54 |
- location.href="?url="+elLink+"&opacity="+curOpacity; |
|
14 |
+ var curPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1; |
|
15 |
+ setTimeout(onArticle(curPage), 500); |
|
16 |
+} |
|
17 |
+ |
|
18 |
+window.onload = init; |
|
19 |
+ |
|
20 |
+function changeOpacity() { |
|
21 |
+ var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
22 |
+ document.getElementById("article-current").style.opacity = curOpacity/10; |
|
23 |
+} |
|
24 |
+function onOpacityPlus() { |
|
25 |
+ var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
26 |
+ curOpacity += 1; |
|
27 |
+ if( 10 <= curOpacity ) curOpacity = 10; |
|
28 |
+ document.getElementById("mangaOpacityValue").innerHTML = curOpacity; |
|
29 |
+ changeOpacity(); |
|
30 |
+} |
|
31 |
+function onOpacityMinus() { |
|
32 |
+ var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
33 |
+ curOpacity -= 1; |
|
34 |
+ if( 1 > curOpacity ) curOpacity = 1; |
|
35 |
+ document.getElementById("mangaOpacityValue").innerHTML = curOpacity; |
|
36 |
+ changeOpacity(); |
|
37 |
+} |
|
38 |
+function onPagePlus() { |
|
39 |
+ var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1; |
|
40 |
+ console.log("onPagePlus: ["+currPage+"]"); |
|
41 |
+ onArticle(currPage+1); |
|
42 |
+} |
|
43 |
+function onPageMinus() { |
|
44 |
+ var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1; |
|
45 |
+ console.log("onPageMinus: ["+currPage+"]"); |
|
46 |
+ onArticle(currPage-1); |
|
47 |
+} |
|
48 |
+function onChapterNext() { |
|
49 |
+ var elLink = document.getElementById("chapterNext").innerHTML; |
|
50 |
+ var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
51 |
+ location.href="?url="+elLink+"&opacity="+curOpacity; |
|
52 |
+} |
|
53 |
+function onChapterPrev() { |
|
54 |
+ var elLink = document.getElementById("chapterPrevious").innerHTML; |
|
55 |
+ var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
56 |
+ location.href="?url="+elLink+"&opacity="+curOpacity; |
|
57 |
+} |
|
58 |
+ |
|
59 |
+//Keyboard shortcuts |
|
60 |
+document.onkeydown = function(e) { // listen to keyboard events |
|
61 |
+ switch (e.keyCode) { |
|
62 |
+ case 37: // left |
|
63 |
+ onPageMinus(); |
|
64 |
+ break; |
|
65 |
+ case 39: // right |
|
66 |
+ onPagePlus(); |
|
67 |
+ break; |
|
68 |
+ case 79: // o |
|
69 |
+ onPageMinus(); |
|
70 |
+ break; |
|
71 |
+ case 80: // p |
|
72 |
+ onPagePlus(); |
|
73 |
+ break; |
|
74 |
+ case 187: // + |
|
75 |
+ onOpacityPlus(); |
|
76 |
+ break; |
|
77 |
+ case 189: // - |
|
78 |
+ onOpacityMinus(); |
|
79 |
+ break; |
|
80 |
+ case 74: // j |
|
81 |
+ onChapterPrev(); |
|
82 |
+ break; |
|
83 |
+ case 75: // k |
|
84 |
+ onChapterNext(); |
|
85 |
+ break; |
|
86 |
+ case 70: // f |
|
87 |
+ openFullscreen(); |
|
88 |
+ break; |
|
89 |
+ default: |
|
90 |
+ console.log(e.which); |
|
55 | 91 |
} |
56 |
- function onChapterPrev() { |
|
57 |
- var elLink = document.getElementById("chapterPrevious").innerHTML; |
|
58 |
- var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML); |
|
59 |
- location.href="?url="+elLink+"&opacity="+curOpacity; |
|
92 |
+} |
|
93 |
+ |
|
94 |
+function onArticle(index) { |
|
95 |
+ if(index < 0) { |
|
96 |
+ //index = 0; |
|
97 |
+ onChapterPrev(); |
|
98 |
+ return; |
|
60 | 99 |
} |
61 |
- document.onkeydown = function(e) { // listen to keyboard events |
|
62 |
- switch (e.keyCode) { |
|
63 |
- case 37: // left |
|
64 |
- onPageMinus(); |
|
65 |
- break; |
|
66 |
- case 39: // right |
|
67 |
- onPagePlus(); |
|
68 |
- break; |
|
69 |
- case 79: // o |
|
70 |
- onPageMinus(); |
|
71 |
- break; |
|
72 |
- case 80: // p |
|
73 |
- onPagePlus(); |
|
74 |
- break; |
|
75 |
- case 187: // + |
|
76 |
- onOpacityPlus(); |
|
77 |
- break; |
|
78 |
- case 189: // - |
|
79 |
- onOpacityMinus(); |
|
80 |
- break; |
|
81 |
- case 74: // j |
|
82 |
- onChapterPrev(); |
|
83 |
- break; |
|
84 |
- case 75: // k |
|
85 |
- onChapterNext(); |
|
86 |
- break; |
|
87 |
- case 70: // f |
|
88 |
- openFullscreen(); |
|
89 |
- break; |
|
90 |
- default: |
|
91 |
- console.log(e.which); |
|
92 |
- } |
|
100 |
+ var string_index = "article-"+index; |
|
101 |
+ console.log("onArticle("+index+") : "+string_index); |
|
102 |
+ var url = location.href; |
|
103 |
+ var x = document.getElementById("item-active"); |
|
104 |
+ if(null == document.getElementById(string_index)) { |
|
105 |
+ onChapterNext(); |
|
106 |
+ } else { |
|
107 |
+ x.className = string_index; |
|
108 |
+ document.getElementById("article-current").innerHTML = |
|
109 |
+ document.getElementById(string_index).innerHTML; |
|
110 |
+ location.href = "#"; |
|
111 |
+ //console.log(document.getElementById(string_index).innerHTML); |
|
112 |
+ document.getElementById("mangaCurrPage").innerHTML = index+1; |
|
93 | 113 |
} |
94 |
- function onArticle(index) { |
|
95 |
- if(index < 0) { |
|
96 |
- //index = 0; |
|
97 |
- onChapterPrev(); |
|
98 |
- return; |
|
114 |
+ changeOpacity(); |
|
115 |
+} |
|
116 |
+ |
|
117 |
+function openFullscreen() { |
|
118 |
+ //var elem = document.getElementById("article-current"); |
|
119 |
+ var elem = document.documentElement; |
|
120 |
+ var status = parseInt(document.getElementById("mangaFSStatus").innerHTML); |
|
121 |
+ if( 0 == status ) { |
|
122 |
+ document.getElementById("mangaFSStatus").innerHTML = 1; |
|
123 |
+ if (elem.requestFullscreen) { |
|
124 |
+ elem.requestFullscreen(); |
|
125 |
+ } else if (elem.webkitRequestFullscreen) { /* Safari */ |
|
126 |
+ elem.webkitRequestFullscreen(); |
|
127 |
+ } else if (elem.msRequestFullscreen) { /* IE11 */ |
|
128 |
+ elem.msRequestFullscreen(); |
|
99 | 129 |
} |
100 |
- var string_index = "article-"+index; |
|
101 |
- console.log("onArticle("+index+") : "+string_index); |
|
102 |
- var url = location.href; |
|
103 |
- var x = document.getElementById("item-active"); |
|
104 |
- if(null == document.getElementById(string_index)) { |
|
105 |
- onChapterNext(); |
|
106 |
- } else { |
|
107 |
- x.className = string_index; |
|
108 |
- document.getElementById("article-current").innerHTML = |
|
109 |
- document.getElementById(string_index).innerHTML; |
|
110 |
- location.href = "#"; |
|
111 |
- //console.log(document.getElementById(string_index).innerHTML); |
|
112 |
- document.getElementById("mangaCurrPage").innerHTML = index+1; |
|
113 |
- } |
|
114 |
- changeOpacity(); |
|
115 |
- } |
|
116 |
- function openFullscreen() { |
|
117 |
- //var elem = document.getElementById("article-current"); |
|
118 |
- var elem = document.documentElement; |
|
119 |
- var status = parseInt(document.getElementById("mangaFSStatus").innerHTML); |
|
120 |
- if( 0 == status ) { |
|
121 |
- document.getElementById("mangaFSStatus").innerHTML = 1; |
|
122 |
- if (elem.requestFullscreen) { |
|
123 |
- elem.requestFullscreen(); |
|
124 |
- } else if (elem.webkitRequestFullscreen) { /* Safari */ |
|
125 |
- elem.webkitRequestFullscreen(); |
|
126 |
- } else if (elem.msRequestFullscreen) { /* IE11 */ |
|
127 |
- elem.msRequestFullscreen(); |
|
128 |
- } |
|
129 |
- document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-off\"></div>"; |
|
130 |
- } else { |
|
131 |
- document.getElementById("mangaFSStatus").innerHTML = 0; |
|
132 |
- if (document.exitFullscreen) { |
|
133 |
- document.exitFullscreen(); |
|
134 |
- } else if (document.webkitExitFullscreen) { /* Safari */ |
|
135 |
- document.webkitExitFullscreen(); |
|
136 |
- } else if (document.msExitFullscreen) { /* IE11 */ |
|
137 |
- document.msExitFullscreen(); |
|
138 |
- } |
|
139 |
- document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-on\"></div>"; |
|
130 |
+ document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-off\"></div>"; |
|
131 |
+ } else { |
|
132 |
+ document.getElementById("mangaFSStatus").innerHTML = 0; |
|
133 |
+ if (document.exitFullscreen) { |
|
134 |
+ document.exitFullscreen(); |
|
135 |
+ } else if (document.webkitExitFullscreen) { /* Safari */ |
|
136 |
+ document.webkitExitFullscreen(); |
|
137 |
+ } else if (document.msExitFullscreen) { /* IE11 */ |
|
138 |
+ document.msExitFullscreen(); |
|
140 | 139 |
} |
140 |
+ document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-on\"></div>"; |
|
141 | 141 |
} |
142 |
+} |
|
142 | 143 |
</script> |
143 | 144 |
</body> |
144 | 145 |
</html> |