Greasy Fork is available in English.

Google Images direct links

Add direct links to the picture and the page link to the Google Image Search results.

Version vom 31.03.2018. Aktuellste Version

// ==UserScript==
///////////////// In case it fails to update in TamperMonkey, visit  https://github.com/svArtist/Google-Images-Direct-Links/raw/master/googleImagesDirectLinks.user.js  directly ////////
// @name		Google Images direct links
// @version		1.5
// @description Add direct links to the picture and the page link to the Google Image Search results.
// @namespace	Google
// @author		Benjamin Philipp <dev [at - please don't spam] benjamin-philipp.com>
// @include		/^https?:\/\/(www\.)*google\.[a-z\.]{2,5}\/search.*tbm=isch.*/
// @require 	http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js
// @run-at		document-body
// @grant		GM_xmlhttpRequest
// @connect		*
// ==/UserScript==

var updateInterval = 1000;
var maxtries = 10;

var idle = true;

function updatePage()
{
	if($("#directLinkStyles").length<=0){
		$("head").append("\
		<style id='directLinkStyles'>\
		.linkToTarget{\
			box-shadow: 3px 5px 10px rgba(0,0,0,0.5); \
			cursor: default;\
			position: absolute; \
			right:0; top:0; \
			opacity: 0; \
			background-color: rgba(255,255,255,0.5);\
			transition: background-color 0.5s, opacity 0.5s \
		}\
		.failed .linkToTarget span{\
			color: rgba(230,100,100, 0.7)!important; \
		}\
		a:hover .linkToTarget{\
			opacity: 0.6; \
		}\
		.linksdone:hover .linkToTarget, .linkToTarget:hover{\
			opacity: 1; \
			background-color: rgba(255,255,255,1);\
		}\
		.linksdone:hover .linkToTarget{\
			cursor: pointer;\
		}\
		.linkToTargetLink, .linkToTarget>span{\
			color: rgba(200,200,200, 0.7)!important; \
			padding: 3px 10px; \
			font-size: 28pt; \
			display: block; \
			font-weight: bold; \
			text-decoration: none;\
			transition: color 0.5s, font-size 0.5s, padding 0.5s; \
		}\
		.linkToTargetLink:hover{\
			color: rgba(155,177,233, 1)!important; \
			padding:8px 20px; \
			font-size: 36pt; \
		} \
		</style>");
	}

	$(".rg_di.rg_bx a.rg_l:not(.linksdone)").each(function(){
//		console.log(this);
		var tp = this;
		var tppar = $(tp).parent();
		var imin = tp.href.indexOf("imgurl=");
		if(imin<0)
		{
            $(tp).attr("resTries", $(tp).attr("resTries")?$(tp).attr("resTries")*1+1:1);
            if($(tp).attr("resTries")*1>=maxtries){
                console.log("This Link won't come up with a good fragment: " + $(tp).find("img")[0].src);
				$(tp).addClass("linksdone");
				$(tp).addClass("failed");
				$(tp).find(".linkToTarget span").html("x");
                return true;
            }
			if(!$(tp).hasClass("linkswait")){
				$(tp).addClass("linkswait");
				$(tp).append("<div class='linkToTarget temp'><span>...</span></div>");
			}
//			console.log("Not ready");
			return true;
		}
		var linkconts = tp.href.substr(imin+7);
		var piclink = linkconts.substr(0,linkconts.indexOf("&"));
		var reflink = linkconts.substr(linkconts.indexOf("imgrefurl=")+10);
		reflink = decodeURIComponent(reflink.substr(0, reflink.indexOf("&")));
		piclink = decodeURIComponent(piclink);
		$(tp).find(".linkToTarget.temp").remove();
		$(tp).append("<div class='linkToTarget'><a class='linkToTargetLink' href='" + piclink + "'>+</a></div>");
        $(tp).removeClass("linkswait");
		$(tp).addClass("linksdone");
		
		var urilink = $(tppar).find(".rg_ilmbg")[0];
		$(urilink).html("<a style='display: block; color: #fff; text-decoration: none;' href='" + reflink + "'>" + urilink.innerHTML + "</a>");
		
		$(tp).find(".linkToTargetLink").add(urilink).click(function(e){
			e.stopImmediatePropagation();
		});
	});
}

setInterval(updatePage, updateInterval);

updatePage();