| ... | ... |
@@ -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> |