html - jQuery Slidertron link to a slide -


hi i'm using jquery slidertron page turner. built in template using , of it, wonder if possible link specific slides. example, want button jump second slide in reel regardless of slide active.

is possible?

if not that, maybe initiate navigation action number of times behind scenes use navfirstselector slide one, turn number of pages?

here example implementation

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.slidertron-1.1.js"></script>  <!-- css -->  <style type="text/css">     #slider {         position: relative;         width: 500px;     }     #slider .viewer {         width: 500px;         height: 375px;         overflow: hidden;      }     #slider .viewer .reel {         display: none;         height: 375px;     }     #slider .viewer .reel .slide {         position: relative;         width: 500px;         height: 375px;     }  </style>  <!-- html -->  <div id="slider">      <div class="viewer">         <div class="reel">             <div class="slide">                 <img src="images/1.jpg" alt="" />             </div>             <div class="slide">                 <img src="images/2.jpg" alt="" />             </div>             <div class="slide">                 <img src="images/3.jpg" alt="" />             </div>             <div class="slide">                 <img src="images/4.jpg" alt="" />             </div>         </div>     </div>  </div>  <!-- js -->  <script type="text/javascript">     $('#slider').slidertron({         viewerselector: '.viewer',         reelselector: '.viewer .reel',         slidesselector: '.viewer .reel .slide',         advancedelay: 3000,         speed: 'slow'     }); </script> 

initialize plugin indicatorselector: '.indicator ul li'

$('#slider').slidertron({     viewerselector: '.viewer',     reelselector: '.viewer .reel',     slidesselector: '.viewer .reel .slide',     advancedelay: 3000,     speed: 'slow',     indicatorselector: '.indicator ul li' // newly added line }); 

then hide css (only if dont want show navigation dots)

.indicator{     display:none !important; } 

then run following command

$('.indicator li').eq(0).trigger('click'); 

here eq() takes image index parameter (starts 0. array index);

so if want go 3rd slide use

$('.indicator li').eq(2).trigger('click'); 

Comments

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

c++ - OpenMP unpredictable overhead -

javascript - Wordpress slider, not displayed 100% width -