0

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> -->
                    </div>
                </div>

                    <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>
                    </a>

            </div>

this will continue and images are rendered horizontally

2
Contributors
1
Reply
21
Views
7 Months
Discussion Span
Last Post by hericles
0

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');

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.