Carregar conteúdo apenas quando solicitado

[Hugo Leonardo Santos 0]

Bom galera, cheguei em um empasse que ainda não consegui resolver

 

Fiz um site para casa de festas com várias fotos, e optei por faze-lo em apenas 1 HTML, só que como são muitas fotos, scripts, etc, o loading inicial está muito demorado, gostaria de carregar as fotos que não aparecem no primeiro plano, carregarem apenas quando o usuário clicar no seu link respectivo (Nossa Casa, Adulto, Infantil, Salgados, Doces e Diversão)

 

Ex.: Carregar as imagens da seção "Nossa Casa" apenas ao clicar na âncora da seção "Nossa Casa" e as imagens da seção "Infantil" apenas ao clicar na âncora "Infantil". E assim com todos outros.

 

para melhor entendimento, o site está hospedado aqui:

www.artfest.com.br/site

 

olhando o código fonte vocês poderão ver que o HTML é bem simples, creio q o ajax consiga resolver meu problema, mas não consegui usar de forma correta por falta de conhecimento.

[Vadio 13]

separe as seções e chame seu conteúdo via ajax