A fork of MPIV (Mouseover Popup Image Viewer).
Developed on https://github.com/tophf/mpiv
Requires a modern browser
- Chrome or Chromium-based 55+
- FF 52+ for the main features
- FF 63+ for the config dialog as it's built with ShadowDOM
Usage
| Activate | move mouse cursor over thumbnail |
|---|---|
| Deactivate | move cursor off thumbnail, or click, or zoom out fully |
| Prevent/freeze | hold down Shift while entering/leaving thumbnail |
| Force-activate (for small pics) |
hold Ctrl while entering image element |
| Start zooming | configurable: automatic or via right-click / Shift while popup is visible |
| Zoom | mouse wheel |
| Rotate | L r keys (left or right) |
| Flip/mirror | h v keys (horizontally or vertically) |
| Previous/next in album |
mouse wheel, j k or ← → keys |
| Night mode toggle | N key |
| Download | d key while popup is visible |
| Mute/unmute | m key while popup is visible |
| Open in tab | t key while popup is visible |
| Configure | userscript manager toolbar icon -> User Script Commands -> `MPIV: configure` |
Major changes to the original MPIV:
- Most rules were updated/enhanced, some added, some dead hostings removed.
- ShadowDOM support added for sites built with Web Components e.g. Polymer.
- Ancient browsers aren't supported anymore because the code is using the modern JS syntax.
Config
Click MPIV: Configure in your userscript manager popup menu. Screenshot is shown below.
Minor/technical changes to the original MPIV:
Advanced
"e"syntax for sites that show a small overlay when hovering thumbnails (usually transparent or semi-transparent) thus effectively hiding the thumbnails from MPIV. Now you can specify"e": {".parent": ".image"}where.parentselector should match the closest parent element that contains both the overlay and the actual image, which MPIV will find using the.imageselector applied relatively to that parent element. To refer to that parent, use:scopelike this:{".parent": .":scope > img:first-child"}. To specify multiple parent-image relations:"e": {".parent1": ".image1", ".parent2": ".image2"}.New rule property
"u"(a single string or an array of strings) that performs a very fast plain-string check. Only when it succeeds, the slow regexp"r"is checked. Special symbols may be specified in"u"property to increase the reliability of matching:||,|,^- same syntax as in AdBlock filters, see the source code of the script for usage examples.||foo.bar/path, here||means "domain or subdomain" so the pattern matches domains likefoo.barorsubdomain.foo.barand doesn't match unrelated domains partially like for examplefoofoo.bar|foomatches things that start with foo (the entire URL is checked so that meanshttpat least, usually)^is a URL part separator (like/or?or:) but not a letter/number, neither any of%._-. Additionally, when used at the end likefoo^it also matches when the source ends withfoo
New rule property
"anonymous": trueto make the requests for this rule anonymously (i.e. without sending cookies).The internal status updates are not exposed by default on the
<html>node because doing so slows down complex sites due to recalculation of the entire page layout. Instead only the hovered node (as reported by the matching rule) receives status updates on itsmpiv-statusattribute (it's not theclassnordata-attribute to avoid confusing sites with unknown stuff being present in these standard places). If you were using the global status feature to customize CSS of those statuses, you'll need to enable it manually in the MPIV's config dialog.
See the MPIV Wiki for more info on writing rules in general and this comment for gallery rules in particular.
