Feature Request: Open Image in New Tab

[christopher-wilson]

Currently we can view an image, but it would be helpful to go one step further and let us open an image in a new tab.

This is extremely useful in cases where there is an embedded image bound to a link and we don't want to open the link, just the image.

[morat523035]

You can do that with a user script.

Open Image In New Tab
http://github.com/marklieberman/foxygestures/wiki/User-Scripts#examples

Here is how to open an image or a background image in a new tab.

/* Foxy Gestures UserScript */

(function () {

  var src = data.element.mediaSource;
  if (!src) {
    var elem = mouseDown.target;
    if (elem) {
      var prop = getComputedStyle(elem).getPropertyValue("background-image");
      src = prop.slice(4, -1).replace(/"/g, "");
    }
  }
  if (src) {
    executeInBackground(aSrc => {
      browser.tabs.create({
        url: aSrc,
        active: false,
      });
    }, [src]);
  }

}());

Test page
http://forums.mozillazine.org/viewtopic.php?f=39&t=3088564

The top right blimp on the test page is a background image.

Blimp image
http://forums.mozillazine.org/static/common/images/blimp.png

You can view all images by type in the Page Info Media tab.

i.e. Menu Bar > Tools > Page Info > Media

WebExtensions API tabs
http://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/tabs
http://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/tabs/create