Image Load Error

Now part of vanilla.js is a method that looks for images with the class hide-on-error and adds the class hide if the images fail to load. This commonly happens with events and directories for some reason where ARCOS seems to think there is an image when in fact there isn't.

Below is a broken image in a div with a red border, and then a second identical image with that class in a div with a green border.

There is also a class, hide-parent-on-error, which will add the class hide to the parent element of the image (usually a div or p tag). If the image does not have an immediate parent, however, this might end up hiding a good chunk of the page, so be careful.

Below is a broken image in a div with a red border, and then a second identical image with that class in a div with a green border.