☰

Viewer for Mrcong

Viewer for Mrcong!!!!

질문, 리뷰하거나, 이 스크립트를 신고하세요. 
  1. // ==UserScript==
  2. // @name         Viewer for Mrcong
  3. // @namespace    http://tampermonkey.net/mrcong.com
  4. // @version      0.1
  5. // @description  Viewer for Mrcong!!!!
  6. // @author       You
  7. // @match        https://mrcong.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=mrcong.com
  9. // @grant        GM_xmlhttpRequest
  10. // @grant        GM_addStyle
  11. // @grant        GM_getResourceText
  12. // @require      https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.3/viewer.min.js
  13. // @resource     viewerCSS   https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.3/viewer.min.css
  14. // ==/UserScript==
  15.  
  16. (function () {
  17.   'use strict';
  18.  
  19.   // Debug Switches
  20.   let DEBUG_INFO = false;
  21.  
  22.   const href = window.location.href;
  23.   debug_info('handle: ' + href);
  24.  
  25.   function debug_info(...data) {
  26.     if (DEBUG_INFO === true) {
  27.       console.log('[INFO] ', data);
  28.     }
  29.   }
  30.  
  31.   GM_addStyle(GM_getResourceText('viewerCSS'));
  32.  
  33.   const title = document.querySelector("head > title").textContent;
  34.   let image_count = parseInt(title.match(/(\d+) photos/)[1]);
  35.   debug_info("image_count = ", image_count);
  36.  
  37.   const first_image_element = document.querySelector("#fukie2 > p > img:nth-child(1)");
  38.   const first_image_url = first_image_element.getAttribute('src');
  39.  
  40.   var new_image_viewer = document.createElement('ul');
  41.   new_image_viewer.setAttribute('id', 'imagesViewer'); // 注册新的图片浏览器
  42.  
  43.   var img_container = document.querySelector('#fukie2 > p');
  44.   img_container.innerHTML = '';
  45.   img_container.appendChild(new_image_viewer); // 注入新的图片浏览器到原图片所在的div容器
  46.  
  47.   var gallery = new Viewer(new_image_viewer, {
  48.     fullscreen: false,
  49.     interval: 1200,
  50.     loop: false,
  51.     transition: false,
  52.   });
  53.  
  54.   for (let i = 1; i <= image_count; i++) {
  55.     let url = first_image_url;
  56.     let image_url = url.replace(/-(\d\d\d)\./, "-" + i.toString().padStart(3, '0') + ".");
  57.     debug_info(image_url);
  58.     let image_node = document.createElement('li');
  59.     image_node.innerHTML = `<img decoding="async" class="aligncenter" src="${image_url}">`;
  60.     new_image_viewer.appendChild(image_node);
  61.   }
  62.   gallery.update();
  63.  
  64.   (function addBtn(text, disable) {
  65.     let btn = document.createElement('input');
  66.     let div = document.createElement('div');
  67.  
  68.     let btnFarther = document.getElementsByClassName("post-meta")[0];
  69.  
  70.     div.appendChild(btn);
  71.     btnFarther.appendChild(div);
  72.  
  73.     div.style.textAlign = 'center';
  74.  
  75.     btn.disabled = disable;
  76.     btn.type = 'submit';
  77.     btn.value = text;
  78.     btn.style.textAlign = 'center';
  79.     btn.style.verticalAlign = 'middle';
  80.     btn.style.color = '#666666';
  81.     btn.style.background = '#fff';
  82.     btn.style.width = '10rem';
  83.     btn.style.height = '2rem';
  84.     btn.style.background =
  85.         '-webkit-gradient(linear,left top, right top,from(#02fdfe),to(#d3fb42))';
  86.     btn.style.border = '1px';
  87.     btn.style.borderRadius = '3rem';
  88.  
  89.     btn.onclick = function() {
  90.       gallery.show();
  91.     };
  92.   })('Play by Viewer', false);
  93.  
  94. })();