View the full image with the click of a button (or D key press).
// ==UserScript==
// @name Instagram Image Viewer
// @namespace https://github.com/kittenparry/
// @version 0.3
// @description View the full image with the click of a button (or D key press).
// @author kittenparry
// @match https://www.instagram.com/p/*
// @grant none
// @license GPL-3.0-or-later
// ==/UserScript==
/* CHANGELOG:
* 0.3: fix bad url timestamp error
* 0.2.1: use a var to store img url to save those bytes in script file size
* 0.2: fix the functionality | only gets the last image in image sets
* 0.1: initial
*/
window.addEventListener('load', () => {
let img_url = document.querySelector('img[class="FFVAD"]').src;
window.addEventListener('keydown', (e) => {
var type = e.target.getAttribute('type');
var tag = e.target.tagName.toLowerCase();
if (type != 'text' && tag != 'textarea') {
if (e.keyCode == 68) {
window.location = img_url;
}
}
}, false);
document.querySelector('nav[class="NXc7H jLuN9 "]').innerHTML += '<a href="' + img_url + '" style="color: #7f8a94;"><div style="position: fixed; bottom: 50%; right: 0px; border-radius: 15px 0px 0px 15px; background: #faf0e6; padding: 13px; border: 2px solid #7f8a94; border-right-style: none;"><i style="border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);"></i></div></a>';
});