MediaWiki:Gadget-BlurImages.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

mw.hook('wikipage.content').add(function(){
	$('.blur-image').each(function(i, obj) {
		var img = $(obj).find(".thumbimage");
		var width = $(img).width();
		var height = $(img).height();
		var text = "Click to view. Contains " + $(obj).data("contains") + ".";
	    $(obj).find(".thumbinner").append($("<div></div>").text(text).width(width).height(height).addClass("imagecover").prop("title", "Click image to view").click(function(event){ 
	    	$(event.target).parent().find("img").css("filter", "none");
	    	$(event.target).remove();
	    }));
	});
});

mw.hook('wikipage.content').add(function(){
	$('.blur-gallery').each(function(i, gal) {
		var text = "Click to view. May contain " + $(gal).data("contains") + ".";
		$(gal).find(".thumb").each(function(i, obj) {
			var img = $(obj).find("img");
			var width = $(img).width();
			var height = $(img).height();
		    $(obj).find("div").append($("<div></div>").text(text).width(width).height(height).addClass("imagecover").prop("title", "Click image to view").click(function(event){ 
		    	$(event.target).parent().find("img").css("filter", "none");
		    	$(event.target).remove();
		    }));
		});
	});
});

mw.hook('wikipage.content').add(function(){
	$('.pi-theme-blur').each(function(i, box) {
		var text = "Click to view. May contain " + "NSFW content" + ".";
		$(box).find(".pi-image").each(function(i, obj) {
			var img = $(obj).find("img");
			var width = $(img).width();
			var height = $(img).height();
		    $(obj).append($("<div></div>").text(text).width(width).height(height).addClass("imagecover").prop("title", "Click image to view").click(function(event){ 
		    	$(event.target).parent().find("img").css("filter", "none");
		    	$(event.target).remove();
		    }));
		});
	});
});