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? Tem como passar a informacao do

do link(bolo)quando o usuario clicar no item bolo para uma função php?

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. É a primeira vez que me depara com esse problema.

Indicaram-me usar o jquery ajax mas só roda no firefox.

Obrigado