☰

Bunkr Image Viewer

Bunkr-Albums: adding nice image viewer, simple yet great functionality. Try it: double-click for instant full res zoom, mouse wheel scroll to +\- zoom, etc.

  1. // ==UserScript==
  2. // @name         Bunkr Image Viewer
  3. // @namespace    https://bunkr-albums.io/
  4. // @version      1.0.2
  5. // @description  Bunkr-Albums: adding nice image viewer, simple yet great functionality. Try it: double-click for instant full res zoom, mouse wheel scroll to +\- zoom, etc.
  6. // @author       stasgrin
  7. // @match        https://bunkr.ac/*
  8. // @match        https://bunkr.ci/*
  9. // @match        https://bunkr.si/*
  10. // @match        https://bunkr.black/*
  11. // @match        https://bunkr.ax/*
  12. // @match        https://bunkr.fi/*
  13. // @match        https://bunkr.site/*
  14. // @match        https://bunkr.pk/*
  15. // @match        https://bunkr.ps/*
  16. // @match        https://bunkr.ph/*
  17. // @match        https://bunkr.cr/*
  18. // @icon         https://dash.bunkr.pk/assets/img/icon.svg
  19. // @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js
  20. // @require      https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js
  21. // @require      https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.7/viewer.min.js
  22. // @resource     REMOTE_CSS https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.7/viewer.css
  23. // @grant        GM_getResourceText
  24. // @grant        GM_addStyle
  25. // @license      MIT
  26. // ==/UserScript==
  27.  
  28. const viewerjsCss = GM_getResourceText("REMOTE_CSS");
  29. GM_addStyle(viewerjsCss);
  30.  
  31. $(window).on('load', function() {
  32.     console.log('Bunkr viewer: started');
  33.     let images = $('body main figure > img');
  34.     if(images){
  35.         // TODO: gallery viewer
  36.         /*    images.each(function(i) {
  37.             try{
  38.                 console.log('Bunkr viewer: image found', images[i]);
  39.                 const viewer = new Viewer(images[i]);
  40.                 images[i].on('click', viewer.show());
  41.             }
  42.             catch(err) {
  43.                 console.log('Bunkr viewer: image fetch failed');
  44.             }
  45.         });*/
  46.         try{
  47.             const viewer = new Viewer(images[0],{toolbar: false,navbar:false,title:false});
  48.             images[0].on('click', viewer.show());
  49.         }
  50.         catch(err) {
  51.             console.log('Bunkr viewer: image fetch failed');
  52.         }
  53.     }
  54.     console.log('Bunkr viewer: ended');
  55. });