title: Slide show banner .js +index+
body: <p>I am a bit of a noob when it comes to JAVA script, I can read it just about.</p>
  
  <p>I have a script for a slideshow gallery with the code below. And it has nav buttons with numbers. This is all fine how ever they start at number 0 - 5 when I need them to start at 1 -6 . 
  I have found the code which sets this and it uses an '+index+' option which I guess just counts up from 0. How do I set this to start at 1 not 0? I tried +index+1, &amp; (+1) and a few other in line but it stops it working.
  Code below...</p>
  
  <pre><code>if(pager.length) {
      pager.eq(current).addClass('active');
  } else if(o.pager){
      obj.append('&lt;ul class="bbpager"&gt;&lt;/ul&gt;');
      slides.each(function(index) {
      $('.bbpager', obj).append('&lt;li class="pagerButton"&gt;&lt;a href="#"&gt;
                           &lt;span&gt;'+index+'&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;')
      });
      pager = $('.bbpager li', obj);
      pager.eq(current).addClass('active');
  }
  </code></pre>
  
  <p>And I tried to add just var index = 1; also below</p>
  
  <pre><code>if ( index === null){
       index = 1 localStorage.setItem("index",index); 
  }
  </code></pre>
  
  <p>Never worked. any idea how i can +1 to the outputted labels?</p>