How to preload images via js, jquery, if they are set in pseudo-elements via content?

Question

css

For preloading, I generally found this way:

function preloadImages()
{
  for(var i = 0; i<arguments.length; i++)
    $("<img />").attr("src", arguments[i]);
}

preloadImages("img/hoverimage1.jpg","img/hoverimage2.jpg");

But, as I understand it, it is directly for the image in html through the img tag.
And you need to load something like this:

a.active:before {
    content: url(images/pasatizi.png);
}

Answer 1

I could be wrong, but what prevents preloadImages(); and then put the url in a.active:before in content after it loads?