Greasy Fork is available in English.

HH-unhide

Show image of not recruited girls instead of "black contour"

// ==UserScript==
// @name         HH-unhide
// @namespace    pk-HH
// @version      1.3
// @description  Show image of not recruited girls instead of "black contour"
// @author       PK
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
// @match        https://www.hentaiheroes.com/harem*
// @grant        GM_addStyle

// ==/UserScript==
function changeToImage(number) {
    removeSiluete();

    $('img.avatar').attr('src', function(index, src) {
        console.log("src: "+src);
        var magic = src.replace(/ava\d/g, "ava" + number);
        console.log("changing number: " + number);
        return magic;
    })
}

/* replace siluete with image */
function removeSiluete() {
    $('img.avatar').attr('src', function(index, src) {
        var modifiedSRC = src.replace('avb0', 'ava0');
        console.log("replacing siluete: " + modifiedSRC);
        return modifiedSRC;
    });
}

function silueteTest() {
    var imgsrc = $('img.avatar').attr('src');
    if (imgsrc.indexOf("avb0") >= 0){
        return true;
    }else{
        return false;
    }
}

/* create line with numbers */
function numberLine() {
    var num_line = '<p id="number_line">'+
        '<span id="num0">0&nbsp;&nbsp;</span>' +
        '<span id="num1">1&nbsp;&nbsp;</span>' +
        '<span id="num2">2&nbsp;&nbsp;</span>' +
        '<span id="num3">3&nbsp;&nbsp;</span>' +
        '<span id="num4">4&nbsp;&nbsp;</span>' +
        '<span id="num5">5&nbsp;&nbsp;</span>' +
        '</p>';
    if (silueteTest){
        console.log(silueteTest);
        setTimeout(function(){
            $( num_line ).insertBefore( "img.avatar" );
        },200);
    }
}

/* click event to change image according to number */
$(document).on("click", "#num0", function () {
    changeToImage(0);
    console.log("change0");
});

$(document).on("click", "#num1", function () {
    changeToImage(1);
    console.log("change1");
});

$(document).on("click", "#num2", function () {
    changeToImage(2);
    console.log("change2");
});

$(document).on("click", "#num3", function () {
    changeToImage(3);
    console.log("change3");
});

$(document).on("click", "#num4", function () {
    changeToImage(4);
    console.log("change4");
});

$(document).on("click", "#num5", function () {
    changeToImage(5);
    console.log("change5");
});

$(document).on("click", ".g_infos", function () {
    removeSiluete();
    numberLine();
    $('img.avatar').css({marginTop: '-=20px'});
    console.log("click on girl");
});