넷파워-게임메카 잡지 2쪽보기, 기타 만화 2쪽보기

자주가서 보는 추억의 잡지를 보는편인데, 1쪽씩만 보다보니 불편해서 만들게 됐다.

작동방식은 즐겨찾기 url에 해당 소스를 한줄로 합쳐서 올리고, (소스는 하단에 codepen)

귀찮은 사람은 이거 그냥 복사

javascript: window.load = function () {var docV = document.documentElement;function openFullScreenMode() {if (docV.requestFullscreen) docV.requestFullscreen({navigationUI: "hide"});else if (docV.webkitRequestFullscreen) docV.webkitRequestFullscreen();else if (docV.mozRequestFullScreen) docV.mozRequestFullScreen();else if (docV.msRequestFullscreen) docV.msRequestFullscreen();};function closeFullScreenMode() {if (document.exitFullscreen) document.exitFullscreen();else if (document.webkitExitFullscreen) document.webkitExitFullscreen();else if (document.mozCancelFullScreen) document.mozCancelFullScreen();else if (document.msExitFullscreen) document.msExitFullscreen();};  var loc = location.href.split('//')[1];var _body = document.querySelector('body');  if (loc.indexOf('manatoki') == 0) {console.log('manatoki');var pages = document.querySelectorAll('.view-content img');var rmObj = document.getElementById('sticky-wrapper');rmObj.remove();} else if (loc.indexOf('manamoa') == 0) {console.log('manamoa');var pages = document.querySelectorAll('.view-content img');} else if (loc.indexOf('www.gamemeca') == 0) {console.log('gamemeca');var pages = document.querySelectorAll('.viewPage img');}  var pagesLen = pages.length;var newCt = document.createElement('div');newCt.setAttribute('id', 'newCt');newCt.style.background = "#000";newCt.style.position = "fixed";newCt.style.top = "0";newCt.style.left = "0";newCt.style.right = "0";newCt.style.bottom = "0";newCt.style.zIndex = "9999";var i = 0;var togSt = 0;var rtlVal = 0;function init() {openFullScreenMode();_body.parentNode.appendChild(newCt);_newCt = document.getElementById('newCt');pageMake();loadImg(i);};function pageMake() {var _pagect = '<div id="newPage" style="display:block;display:flex;text-align:center;justify-content:center; direction: rtl;"></div>' +                   '<button type="button" id="pageLeft" title="left" style=" position: absolute; top: 0; left: 0; width: 50%; bottom: 45px; background: transparent; border: 0; outline:0"></button>' +                  '<button type="button" id="pageRight" title="right" style=" position: absolute; top: 0; right: 0; width: 50%; bottom: 45px; background: transparent; border: 0; outline:0"></button>' +                  '<button type="button" id="togPage" title="toggle" style=" position: absolute; bottom: 0; left: 0; width: 50px; height:35px; background: rgba(238, 238, 238, .3); border:0; outline:0; color:#777">1p</button>' +         '<button type="button" id="btnClose" title="close" style=" position: absolute; bottom: 0; right: 0; width: 50px; height:35px; background: rgba(238, 238, 238, .3); border:0; outline:0; color:#777">x</button>' +        '<button type="button" id="btnExt" title="toggle" style=" position: absolute; top: 0; left: 50%; width: 50px; height:35px; background: rgba(238, 238, 238, .3); border:0; outline:0; color:#777">^</button>' +        '<button type="button" id="rtl" title="toggle" style=" position: absolute; bottom: 0; left: 50%; width: 50px; height:35px; background: rgba(238, 238, 238, .3); border:0; outline:0; color:#777">rtl</button>';_newCt.innerHTML = _pagect;_newPage = document.getElementById('newPage');_btnL = document.getElementById('pageLeft');_btnR = document.getElementById('pageRight');_btnTog = document.getElementById('togPage');_btnRtl = document.getElementById('rtl');    _btnExt = document.getElementById('btnExt');_btnClose = document.getElementById('btnClose');};function loadImg(i) {const page = pages[i];    if (loc.indexOf('www.gamemeca') == 0) {if (page.getAttribute('src')) {page.setAttribute('src', page.getAttribute('src'));} else if(page.getAttribute('src-data')){        page.setAttribute('src', page.getAttribute('src-data'));      }var newSrc = page.src.replace('php?', 'php?m=b&');page.src = newSrc;}page.style.height = "100vh";_newPage.innerHTML = '';_newPage.appendChild(pages[i]);    if (togSt == 1) {if (loc.indexOf('www.gamemeca') == 0) {if (pages[i + 1].getAttribute('src')) {pages[i + 1].setAttribute('src', pages[i + 1].getAttribute('src'));} else if(page.getAttribute('src-data')){          pages[i + 1].setAttribute('src', pages[i + 1].getAttribute('src-data'));        }var newSrc = pages[i + 1].src.replace('php?', 'php?m=b&');pages[i + 1].src = newSrc;}page.style.width = "50%";pages[i + 1].style.width = "50%";pages[i + 1].style.height = "100vh";_newPage.appendChild(pages[i + 1]);}};function moveLeft() {i < pagesLen ? i = i + 1 : i = pagesLen;if (togSt == 1) {i++;}loadImg(i);};function moveRight() {i >= 0 ? i = i - 1 : i = 0;if (togSt == 1) {i--;}loadImg(i);}function togglePage() {if (togSt == 0) {togSt = 1;_btnTog.innerText = '2p';} else {togSt = 0;_btnTog.innerText = '1p';}}function rtlMode() {if (rtlVal == 0) {rtlVal = 1;_btnRtl.innerText = '>>';_newPage.style.direction = 'ltr';} else {rtlVal = 0;_btnRtl.innerText = '<<';_newPage.style.direction = 'rtl';}}function viewClose() {closeFullScreenMode();}init();_btnL.addEventListener('click', function () {moveLeft();});_btnR.addEventListener('click', function () {moveRight();});_btnTog.addEventListener('click', function () {togglePage();});_btnRtl.addEventListener('click', function () {rtlMode();});_btnClose.addEventListener('click', function () {viewClose();});  _btnExt.addEventListener('click', function () {openFullScreenMode();});}();