How to traverse to the relative path of an image

There are several options here depending on how you made this but with no code, Im totally guessing in the dark here...

First off, the best solution, if youre setting the image paths manually, is probably to set the relative path to a data attribute(like "data-rel-path") on the html element. This makes it easier since youre setting the path anyways. In that scenario, you just need to grab that attribute's value and youre done.

Although, since youre not showing any code above, I can assume you may possibly be implementing the src dynamically with js??? In that case, you can alter the src you enter to only be relative or you can parse it(seriously though, dont parse it if youre entering it with js dynamically - just use a relative path there).

If you have to parse it, you can do the following, though its pretty incomplete since I dont see your code...

var urlToParse = do what you did to get the image url again here;
var currentRelToTop = window.location.pathname.replace(/\/(.*?)\//g, "../");

var relPathing = currentRelToTop + urlToParse.replace(window.location.protocol, "").replace("//", "").replace("/","").replace(window.location.hostname, "");

Its not relative though, it just looks like it. It should work but is not the best approach.