Open image in new tab using mouse gestures

How to open image in new tab using a mouse gesture

Note that other gestures extensions might work as well, but these ones have
been tested and are known to work.


Chrome
------

Install the Clean crxMouse Gestures extension (the regular one spies on you):
https://chrome.google.com/webstore/detail/clean-crxmouse-gestures/mjidkpedjlfnanainpdfnedkdlacidla/

Go into preferences, open the Super Drag tab and enable the "If the link
contains image,use Super Drag-image instead of drag-link" option. After that
you can just drag images left to open in a background tab or right to open in a
foreground tab.

Visual guide: https://i.imgur.com/8xDebU6.png


Firefox Quantum
---------------

Install Foxy Gestures:
https://addons.mozilla.org/en-US/firefox/addon/foxy-gestures/

Go into preferences, open the User Scripts tab, accept the malware warning, set
whatever gesture you want and then copy and paste the "Open Image In New Tab"
script from here:
https://github.com/marklieberman/foxygestures/wiki/User-Scripts

For reference, here is the script:


    var src = data.element.mediaInfo && data.element.mediaInfo.source;
    if (src) {
        executeInBackground(src => {
            getActiveTab(tab => browser.tabs.create({
                url: src,
                index: tab.index + 1,
                active: true
            }));
        }, [ src ]);
    }


Note that you can change the "active: true" line to "active: false" in order to
open in a background tab.

Visual guide: https://i.imgur.com/Ox8jXGI.png