Show actual size image when clicking on it
当前为
// ==UserScript==
// @name InstaZoom
// @namespace http://www.jeroendekort.nl
// @version 0.5
// @description Show actual size image when clicking on it
// @icon https://instagramstatic-a.akamaihd.net/h1/images/ico/favicon.ico/dfa85bb1fd63.ico
// @author nljuggler
// @match https://*.instagram.com/*
// @grant unsafeWindow
// @require https://code.jquery.com/jquery-2.2.4.js
// ==/UserScript==
$(function(){
createLightbox();
$(document).on("click","._si7dy, ._4rbun", function() {
var $otherDiv = $(this).parent().find('._4rbun');
console.log($otherDiv.find('img').attr('src'));
$('body').find('#nljugglerLightbox #lightboxImage').attr('src', $otherDiv.find('img').attr('src'));
$('#nljugglerLightbox').show();
if ($(this).hasClass("_si7dy")){
$(this).remove();
}
// Remove Instagrams own overlay (if at all displayed),
// so you don't need to click twice to hide the current image.
$('button._dcj9f').click();
});
$('#lightboxImage').click(function() {
$(this).parent().hide();
});
function createLightbox(){
var lightbox = "<div id='nljugglerLightbox' style='position: fixed; top: 10px; left: 50%;transform: translateX(-50%); max-height:900px; z-index:1000; overflow:auto; border:solid 2px black;'><img id='lightboxImage' width='100%' /></div>";
$('body').append(lightbox);
}
});