Skip to content

Latest commit

 

History

History

Picviewer CE+

README.md

🏞️ Picviewer CE+ ⭐Star Me 🌐Reddit 🗨️Discord

Zoom images across all your favorite websites. Pop up, scale, edit, rotate, batch save images, or automatically load pictures from subsequent pages. Simply hover your mouse over any image and click the icons on the float bar.

  • Adjust: Scale/rotate/batch save every picture

  • View: Find and popup large version for pictures with click or mouse over

  • Fetch: Auto load and parse next paginated web pages and show ALL pics

  • Download: Pictures export to page or package into ZIP

  • Search: Search similar image by picture

  • View long image by scroll

Usage

Hover your mouse over any image and click the icons on the float bar.

Press CTRL + G to quickly enter the gallery. Hold CTRL to view a larger picture when hovering over images or links.

There are additional settings available in the "Picviewer CE+ config" for further customization. Currently, reviewing these settings is the best way to learn about the script's capabilities. Try exploring more functions on your own!

If you are glad to assist with the translation, please 🌐edit this file. It will be beneficial for individuals who speak the same language as you do. Thank you for your help.

Need more rules for peculiar sites? feel free to pull requests or open issues.

PDF Addon

Picviewer CE+ PDF Addon After installing this addon, when the Compress to ZIP feature is enabled, a PDF file will be generated instead of a ZIP file during the packaging process.

Make a PDF e-book with this addon

For example, if there is a website with images from xxx.com/1.jpg to xxx.com/99.jpg, you can use this addon to generate a beautiful PDF e-book as follows:

  1. Open the gallery by pressing Ctrl + g
  2. In the Command menu, find and click Add image
  3. Input xxx.com/[1-99].jpg
  4. Right-click in the thumbnail frame below to ignore any unwanted images
  5. Click Download all shown in the Command menu

This way, you'll get a beautifully created PDF e-book.

🔧 Custom Rules Example:

💝 Buy me a coffee with Ko-fi or 愛發電 to keep my scripts always up to date.

  • Match image src(no matter which site) with /pics\.dmm\.co\.jp/i and replace image url from "ps.jpg" to "pl.jpg"
{
    "name": "Dmm",
    "src": "pics\\.dmm\\.co\\.jp",
    "r": "ps.jpg",
    "s": "pl.jpg"
}
  • Match site with /xxx.com/ and replace image url from /us\.xxx\.com/\d+wm//i to "previews.xxx.com/images/"
{
   "name": "Example",
   "url": "^https://xxx\\.com/",
   "r": "/us\\.xxx\\.com/\\d+wm//i",
   "s": "previews.xxx.com/images/"
}
  • Add click-to-open for existing asiansister rule.
{
    "name": "Asiansister",
    "clickToOpen": {
        "enabled": true,
        "preventDefault": true,
        "type": "actual",
        "button": 0,
        "alt": false,
        "ctrl": false,
        "shift": false,
        "meta": false
    }
}

You have the option to use a standalone userscript, which allows you to manage all of your custom rules effectively.

// ==UserScript==
// @name         Picviewer CE+ custom rules
// @namespace    hoothin
// @version      0.1
// @description  Picviewer CE+ custom rules
// @author       You
// @match        *://*/*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    window.pvcepRules = (window.pvcepRules || []).concat([
         //Delete these two example rules and add your own.
         {
             name: "rule1",
             src: /pics\.dmm\.co\.jp/i,
             r: "ps.jpg",
             s: "pl.jpg"
         },
         {
             name: "rule2",
             url: /^https:\/\/xxx\.com\//,
             r: /us\.xxx\.com\/\d+wm\//i,
             s: "previews.xxx.com/images/"
         }
    ]);
})();

Advance rule wizard

There are two types of rules available:

  • JSON (simple mode)

    These rules are written in JSON format and can be imported online through Discussions or Reddit. They won't limited by websites that have a strict Content Security Policy that disallows unsafe-eval.

    • JSON params

      • name

        "name": "rule name"

        Name of the rule

      • url

        "url": "^https://google\\.com"

        Regular expression used to match the site URL.

      • src

        "src": "^https://image\\.xx\\.com"

        Regular expression used to match the image src

      • r

        "r": "/(.*)\\d+/i" or "r": "thumb"

        Simple string or regular expression used to replace the image src from

      • s

        "s": "$1"

        Replace the image src to

      • ext

        "ext": "previous"

        Capture nearby image element when the mouse hovers over a non-image element.

      • lazyAttr

        "lazyAttr": "data-lazy"

        Lazy loaded original image URL attribute name

      • xhr

        "xhr": { "url": ".showcase__link", "query": "img[fetchpriority]" }

        Fetch the link above the image that matches ".showcase__link" and query the "img[fetchpriority]" on the inner page from the link.

  • JS (full mode)

    These rules are written in JavaScript object format. If you are not using a standalone userscript, they may be limited by websites that have a strict Content Security Policy that disallows unsafe-eval.

    • JS params
      • all mentioned above and the function type instead of string type
      • getImage
      • getExtSrc

Blank Gallery Page

https://hoothin.github.io/UserScripts/Picviewer%20CE+/gallery.html

A blank gallery page designed for viewing local or online pictures, showcasing every image you have imported.

You can drag and drop folders or videos/audios/images into this gallery to get an electronic slideshow to view them.

Include mode=1 to open gallery in view-more mode.
Add imgs=http://xxx/xxx.jpg to import images. to split multi-image, [01-09] to generate nine urls form 01 to 09
For example:

https://hoothin.github.io/UserScripts/Picviewer%20CE+/gallery.html?mode=0&imgs=http://xxx/xxx[01-99].jpg
or
https://hoothin.github.io/UserScripts/Picviewer%20CE+/gallery.html?mode=0&imgs=${encodeURIComponent(IMG1 + ' ' + IMG2)}

Thousands compatible sites for find larger or original images like

deviantart.com google.com wikipedia.org dribbble.com bing.com imdb.com github.com tumblr.com youtube.com pixiv.net steampowered.com itunes.apple.com pinterest.com gelbooru.com discordapp.com twitter.com fandom.com reddit.com yande.re wallhaven.cc 500px nyaa e621.net nhentai.net tieba.baidu.com douban.com weibo.com bilibili.com t.qq.com huaban.com hujiang.com dianping.com trakt.tv music.163.com rule34hentai.net photosight.ru boqingguan.com 178.com zhisheji.com themex.net operachina.com topit.me bcy.net zhihu.com autohome.com.cn bitauto.com xcar.com.cn pcauto.com.cn auto.sina.com.cn baike.baidu.com nvshens.com 24meitu.com acgget.com lofter.com sohu.com taobao.com alibaba.com yihaodian.com addons.mozilla.org crsky.com firefox.net.cn jd.com dangdang.com detail.zol.com.cn duokan.com youku.com yyets.com xiaohongshu.com moegirl.org fanfou.com meipai.com game.yesky.com dota2.sgamer.com mafengwo.cn 588ku.com ibaotu.com 58pic.com

And so on ...