Board Thread:Support Requests - Getting Technical/@comment-26862398-20151009160238

I am trying to hide images that should be considered spoilers. I have seen a lot of different options, but they all use javascript and I have found that when someone goes to the page the image is visible until the page is fully loaded. Is there a way of making the image invisible until after the page is loaded to avoid this? If not is there another option available?

Hereis an example of what I currently have

The image is in an infobox, so hereis a link to my infobox template as well.

These are both test copies that can be edited without interfering with the rest of the wiki. 