Problème onclick qui ne fait pas ce que je souhaite

Bonjour, voici mon problème :
je développe un site sur les oiseaux :
- 1 au lancement du programme html, une liste des différentes familles d'oiseaux s'affiche.
- 2 je clique sur le nom d'une famille et les photos des oiseaux de la famille s"affichent avec les noms et un commentaire sur la famille
.....<a href='#"+XX+"'><center><img src="+photo+" width='100%' onclick='select_img(src)'></center></a>.....
- 3 je clique sur une photo et celle-ci s'affiche agrandie avec un commentaire sur l'oiseau et l'audio du chant de l'oiseau
- 4 je clique sur la photo en souhaitant revenir sur la famille et les photos des oiseau de la famille comme au point 3
.....<a href=''><center><img src="+PhotSelect+" width='100%' onclick='afficheNomFamille(i, numid)'></center></a>.....
- cependant au lieu de relancer la fonction d'affichage qui me ramerait au point 3, le programme se réinitialise et je reviens au point 1.
Avez-vous une explication ? Je ne maîtrise pas bien les <href> et onclick.

Mon problème n'a pas l'air d'inspirer grand monde.
Peut-être mon exposé n'est pas suffisamment clair ???

Tu ne pourrais pas envoyer le lien de ton site ou le mettre sur un fiddle : https://jsfiddle.net/ ou https://codepen.io/ ?
Merci !

là je suis tout en local.
Je vais examiner ta suggestion. Merci.