E-H GIF Filter

Find which pages of a gallery are animated.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name           E-H GIF Filter
// @description    Find which pages of a gallery are animated.
// @author         Hen-Tie
// @homepage       https://hen-tie.tumblr.com/
// @namespace      https://greasyfork.org/en/users/8336
// @include        /https?:\/\/(e-|ex)hentai\.org\/g\/.*/
// @require        https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
// @icon           https://i.imgur.com/pMMVGRx.png
// @version        2.0
// ==/UserScript==

/*───────────────┬────────────────┐
│     Action     │     Value      │
├────────────────┼────────────────┤
│ Highlight GIFs │ filterMode = 0 │
│ Only show GIFs │ filterMode = 1 │
│ Click to start │ alwaysOn = 0   │
│ Always enabled │ alwaysOn = 1   │
└────────────────┴───────────────*/
var filterMode = 0;
var alwaysOn = 0;

if ($('.gdtl img[title$=".gif"]').length) {
	var notGif = $('.gdtl img:not([title$=".gif"])');
	var checked = "";

	$('<style type="text/css">.gif-filter .gif-filter-hidden {display:none;} .gif-filter .gif-filter-highlight {opacity:.33;} body:not(.gif-filter) .gif-filter-count {display:none;}</style>').appendTo('head');

	if (alwaysOn) {
		$('body').addClass('gif-filter');
		checked = 'type="checkbox" checked';
	} else {
		checked = 'type="checkbox"';
	}

	$('#gdt').prepend('<div class="gif-filter-info" style="display:block; padding:0 0 .5em; width:100%; text-align:center;"><label><input ' + checked + ' class="gif-filter-toggle" style="top:0;"/> E-H GIF Filter</label></div>');
	if (filterMode) {
		notGif.closest('.gdtl').addClass('gif-filter-hidden');
		$('.gif-filter-info').append('<span class="gif-filter-count">—' + notGif.length + ' hidden</span>');
	} else {
		notGif.addClass('gif-filter-highlight');
	}
}

$('.gif-filter-toggle').click(function() {
	$('body').toggleClass('gif-filter');
});