Thread:Humphry02/@comment-44975735-20200416090547/@comment-44975735-20200427183448

I'm working on an improvement for this. I want to have a CSS based solution. How it works at the moment (and always did) is that it waits for the whole page to load and then changes the image which causes the old logo to pop in for a moment. My new version should make sure that it loads the new image right away because the randomization and replacement gets done before the page loads so the page loads with things already changed.

Here is my static CSS code that I need to figure out how to load using JavaScript with the randomized image URL. Before you ask, it's not a good idea to put the second style into wiki's CSS file because it would cause no logo to appear if the first part fails for any reason. .wds-community-header__wordmark::before {   content: url(https://vignette4.wikia.nocookie.net/frozen/images/8/89/Wiki-wordmark.png/revision/latest?cb=20150125025851); } .wds-community-header__wordmark img {   width: 0px; height: 0px; } The ::before is a new thing for me as well and I don't really know how to explain it but it's required for the content: property to work.

edit: It looks like my solution have destroyed the hyperlink that was on the image. Will have to figure that out.