Works on any html file with images(word file saves as html, raw html file, etc.)

auto image in new tab.md

Usage: Works on any html file. When you have any html file with images(using src tag), and a user clicks on an image element, that image(the src) will automatically open in a new tab or window(depending on user/browser prefrence)

All you have to do is include the quick-use.html file's raw code(the script element and its contents) and add it to the end of your html(right before the closing body tab, or with all your other scripts. AFTER the images).

quick use.html

<script>
var elements = document.querySelectorAll("img");Array.prototype.forEach.call(elements, function(el, i) {
el.addEventListener("click", function() {window.open(el.getAttribute("src"), '_blank');});});
</script>

script.js

var elements = document.querySelectorAll("img");
Array.prototype.forEach.call(elements, function(el, i) {
    el.addEventListener("click", function() {
         window.open(el.getAttribute("src"), '_blank');
    });
});