☰

Image File Viewer

open image file with viewer.min.js

目前为 2020-12-19 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Image File Viewer
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  open image file with viewer.min.js
  6. // @description:zh  用viewer.min.js打开图片(本地,网络)
  7. // @author       neysummer2000
  8. // @match             *://*/*.jpg
  9. // @match             *://*/*.png
  10. // @grant        GM_addStyle
  11. // @require    https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.8.0/viewer.min.js
  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].style.display = 'none';
  26.  
  27.     const viewer = new Viewer(img[0], {
  28.         inline: true,
  29.         fullscreen: true,
  30.         backdrop: false,
  31.         toolbar: {
  32.             zoomIn: 4,
  33.             zoomOut: 4,
  34.             oneToOne: 4,
  35.             reset: 4,
  36.             prev: 0,
  37.             play: {
  38.                 show: 0,
  39.                 size: 'large',
  40.             },
  41.             next: 0,
  42.             rotateLeft: 4,
  43.             rotateRight: 4,
  44.             flipHorizontal: 4,
  45.             flipVertical: 4,
  46.         },
  47.         title: 0,
  48.         navbar: 0,
  49.         //    minWidth: ,
  50.         //    minHeight: ,
  51.         viewed() {
  52.             viewer.zoomTo(0.75);
  53.         },
  54.     });
  55. })();