Hello all,

I am facing some problem what i have now is there are images render in a div and and there anchor tag inside div when user clicks on image
an overlay screen will open where i have to display pdf files i have used TouchPdf plugin now what i want is there will be arrows buttons on overlay screen which will navigate to next pdf file and displayed on overlay screen.I don't know how to achieve this Plz help me Thanks All

this how images are rendered

<div class="col-lg-3 col-md-4 col-xs-6 thumb">

                <div class="image-div-conents">
                <h3 class="circle">BI</h3>
                    <div  class="doc-name-date">
                    <!-- <ul class="list-inline"> -->
                    <span class="bill">Bill</span>
                    <span  class="bill">2-02-2017</span>
                    <!-- </ul> -->

                    <a  href="#">
                        <img  height="300px" class="img-responsive" src="http://i156.photobucket.com/albums/t20/warjhenz/1000x1000.gif" alt="">
                        <div class="validitity"><span>Validitity: Forever</span></div>


this will continue and images are rendered horizontally

You can use
var links = $('.col-lg-3 a);
To get a list of all of the links you need. If you then have a counter in your script which increments/decrements with each click of the arrow, you can use that counter as the index of the links array.

var link = $(links[counter]).attr('href');