Carregar galeria de imagens dinamicamente na mesma pagina html

Olá,

Existe um maneira de eu carregar somente as imagens numa mesma pagina html. Por exemplo:
Eu tenho uma pagina de produtos com os seguintes itens do menu:

-Bolo
-Doces
-Biscuit
.etc
.etc
.etc

Nao quero construir uma pagina html para Bolo, outra html para Doces e outra html para Biscuit porque é a mesma estrutura( html e css) é usada,
e eu estaria repetindo codigo.
So quero alterar as fotos na medida eu clico nos itens do menu(Bolo, Doces, Biscuit)…

Quando o usuario clicar em BOLO carregar as fotos do bolo.
Quando o usuario clicar em DOCES carregar as fotos do doces e assim por diante.
Tem como criar uma funcao em PHP OU JQUERY para quando clicar em bolo só carregar as fotos do bolo?

Uso uma pasta com as imagens em vez de buscar as fotos num banco de dados?
Gostaria de uma melhor orientaçao e soluçao sobre isso.
Usei jquery ajax mas so roda no firefox.

Obrigado

Eu tenho um tópico resolvido de galeria de fotos com VRaptor 3, usei até LightBox pra visualizar as fotos.
http://www.guj.com.br/posts/list/204564.java#1037658
As imagens são salvas numa pasta fora do contexto da aplicação (/home/guevara/fotos), salvo os dados da foto no banco (id, nome, url, descrição), e uso a classe InputStream para criá-las e mostrar na JSP.

Se te interessar, está td no tópico.
Abraço!