jquery - How to make this anchor tag clickable? -

on website i'm using right there slider pulls in random photos of different sizes. keep slider uniform , looking neat through image on top of rotating images act border, there hole can see images through. looks , works great. person website wants images clickable, tried putting anchor tag on , when click leads no because though there hole in image acting if there there. have looked how fix can't find information anywhere.

does know if possible? willing use jquery if need i'm stuck

    <div id="right">      <div class="border-image">      <img src="images/border.png" /> </div> <div class="cyclepictures"> <div> <a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a> <a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a> <a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a> <a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a> <a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a> </div>  </div> 

this being generated through image slider

jquery:

$('.border-image').on('click', function(){     $('a.active').trigger('click'); // assuming current image's anchor has active class. }); 

as border-image clicked, active anchor/image's click fired using above. on same lines ken suggested above.