on click function on a special webpage

on click function on a special webpage

hi, everyone. I am new in this. I have a doubt regarding anchors and onlick functions.

This is the webpage I am working with:  http://www.ccttxx.net/testara-ubp/

The images are between <a></a> to active the flipping function when scrolling (I may think that from what I have seen on the code)

But now, I need to link each of the years on the bottom menu to the images and I cant do it with a simple anchor. 

<nav class="menu">
<div class="icon-list">
<a href="#uno"><span>1992</span></a>
<a href="#dos"><span>1993</span></a>
<a href="#tres"><span>1994</span></a>
<a href="#cuatro"><span>1995</span></a>
<a href="#cinco"><span>1996</span></a>
<a href="#seis"><span>1997</span></a>
</div>
</nav>

AND:  


<div class="col-md-12 gallery">
    <a href="#" ><div class="img-container content" id="uno"><img src="img/1.jpg"> </div></a> 
    <a href="#" ><div class="img-container content" id="dos"><img src="img/2.jpg"></a>
    <a href="#" ><div class="img-container content" id="tres"><img src="img/3.jpg"></a>
    <a href="#" ><div class="img-container content" id="cuatro"><img src="img/4.jpg"></a>
    <a href="#" ><div class="img-container content" id="cinco"><img src="img/5.jpg"></a> 
    <a href="#" ><div class="img-container content" id="seis"><img src="img/6.jpg"></a>
</div>

IT DOES NOT WORK!


HOW CAN DO TO LINK THE MENU YEARS TO THE IMAGES WITHOUT LOOSING OR BREAKING THE CURRENT ANIMATION?


Hope you can help me.

THANKS A LOT!