on click function on a special webpage
hi, everyone. I am new in this. I have a doubt regarding anchors and onlick functions.
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!