☰

Image File Viewer

open image file with viewer.min.js

  1. // ==UserScript==
  2. // @name         Image File Viewer
  3. // @namespace    https://greasyfork.org/zh-CN/scripts/418823-image-file-viewer
  4. // @version      0.2
  5. // @description  open image file with viewer.min.js
  6. // @description:zh  用viewer.min.js打开图片(本地,网络)
  7. // @match             *://*/*.jpg
  8. // @match             *://*/*.png
  9. // @grant        GM_addStyle
  10. // @require    https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.8.0/viewer.min.js
  11. // @license MIT
  12. // ==/UserScript==
  13.  
  14. (function(){
  15.     GM_addStyle("body{overflow: hidden}");
  16.  
  17.     var link = document.createElement("link");
  18.     link.rel = "stylesheet";
  19.     link.type = "text/css";
  20.     link.href = "https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.8.0/viewer.min.css";
  21.     document.getElementsByTagName("head")[0].appendChild(link);
  22.  
  23.     var img = document.getElementsByTagName('img');
  24.     if(img.length === 0) return;
  25.     img[0].hidden = true;
  26.  
  27.     const viewer = new Viewer(img[0], {
  28.         inline: true,
  29.       button:false,
  30.       tooltip:false,
  31.         backdrop: false,
  32.         toolbar: {
  33.             zoomIn: 4,
  34.             zoomOut: 4,
  35.             oneToOne: 4,
  36.             reset: 4,
  37.             prev: 0,
  38.             play: {
  39.                 show: 0,
  40.                 size: 'large',
  41.             },
  42.             next: 0,
  43.             rotateLeft: 4,
  44.             rotateRight: 4,
  45.             flipHorizontal: 4,
  46.             flipVertical: 4,
  47.         },
  48.         title: 0,
  49.         navbar: 0,
  50.         //    minWidth: ,
  51.         //    minHeight: ,
  52.         viewed() {
  53.         },
  54.     });
  55. })();