title: Select 'item' 2 on load - Owl Carousel
body: <p>Hello I am just wondering how I can select the second item when the page has loaded?</p>
  
  <p>For example Owl Carousel usually starts on the first item and then displays the next item after that within the HTML structure however when the page loads I'd like it to display the second item class in the HTML below:</p>
  
  <pre><code>&lt;div class="full-screen-slider"&gt;
      &lt;div id="banner-slider-demo-1" class="owl-carousel owl-theme owl-middle-narrow owl-banner-carousel"&gt;
          &lt;div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;"&gt;
          &lt;/div&gt;
          &lt;div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;"&gt;
          &lt;/div&gt;
          &lt;div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
     &lt;script type="text/javascript"&gt;
          jQuery(function($){
             $("#banner-slider-demo-1").owlCarousel({stopOnHover: true,pagination: true, autoPlay: false,navigation: false,paginationSpeed : 500,singleItem:true,});
          });
  
      &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there any way that I can do this with Owl Carousel?</p>
  
  <p>Thanks, Nick</p>