html – Como adicionar um “spinner” com Javascript enquanto imagens estão a ser carregadas sem Base de dados

Boas colegas! Estou a desenvolver um ‘website’, e nesse ‘website’ tem uma página de galeria na qual as imagens e vídeos estão em vários accordions na, qual se expandem ao clicar… Ao mostrar o cliente ele preferiu que as imagens fossem todas exibidas sem a necessidade de expandir as abas que referencia um determinado contexto. Até ai foi fácil, mas achei a necessidade de acrescentar um spinner (tipo uma informação que as imagens estão a ser carregadas) e bloquear o fundo para que seja possível carregar todas as imagens antes que usuário interaja com a pagina… Não existe comunicação com a base de dados… Como poderei fazer com javascript??