Fazer site carregar antes com barra de loading

Caríssimos melhores administradores de Joomla do Brasil,

Fui longe até à gringa atrás dessa informação mas nada achei. Revirei o JoomlaClube e continuei sem sucesso. Me restou criar o tópico.

Estou desenvolvendo um site baseado no design, com quantidade significativa de PNG's em overlay, animation kits, música de fundo e etc. Obviamente tenho otimizado as imagens, mas não quero que o usuário ache o site lento para carregar.

Alguém conhece um plugin, módulo, component, jquerry, java, php, sei lá, qualquer coisa que faça o site ter uma barra de loading, que carregue o site inteiro antes de acessar?

Exemplo: http://goo.gl/5QloQv

Acho melhor assim do que ter que ir vendo as imagens em carregamento uma a uma.


Obrigado!

Veja se serve

Demo: http://www.jqueryrain.com/?eEpzCGoj

Download: https://github.com/9elements/loadie.js

Obrigado pela resposta, Chico. Acredito que seja exatamente isso.
Mas ainda não testei.
Assim que testar aviso aqui no fórum.

Att!

Caro Chico,
Ainda não é isso. Pelo que entendi, este loader que você sugeriu, mostra uma barra preenchendo, porém os itens da página vão carregando conforme a barra vai chegando ao final. Não seria isso.

Preciso de algo que carregue a página inteira antes, tipo faça um download dela com todos os seus elementos sem aparecer nada enquanto carrega, e, quando completar (chegar em 100%), a página apareça com tudo que tem nela, com a música e tudo mais. Que nem eram os loader das páginas em swf, carregavam e, quando completava, entrava com tudo, com a música bombando e etc. É por aí.

---

Esse exemplo que dei no primeiro post é o que há. Ele faz isso. ( http://goo.gl/5QloQv ) Espera completar 100% pra aparecer a página todinha.
Enfim, obrigado por me recordar do github. Estou passeando por lá.

A propósito, até achei os códigos desse exemplo, mas ele me dá um trecho pra inserir em algum .JS, um outro para inserir em CSS e uma tag script pra colocar no head de algum PHP. De fato não sei onde por. Coloquei dentro de template.js, o css pus em layout.css e a tag script coloquei em template.php, mas nada ainda =/

Se tiver alguma dica, agradeço.
Atenciosamente,

Este aqui seria o ideal!
https://github.com/Gaya/QueryLoader2
Aqui a DEMO: http://www.gayadesign.com/scripts/queryLoader2/

Agora de que forma inserir ele no Joomla?

Tentei, tentei, e não consegui.
Coloquei os .JS dentro da pasta "js" dentro de "template" e chamei-os no arquivo template.php, dentro de "templates/layouts"

=/