title: How to disable infinite looping in slick lightbox?
body: <p>I am using slick-lightbox plugin <a href="https://github.com/jongacnik/slick-lightbox" rel="nofollow noreferrer">https://github.com/jongacnik/slick-lightbox</a>.
  I have a gallery of images.
  I am trying to do this now:-</p>
  
  <pre><code>$('.slider-lightbox').slickLightbox({
      navigateByKeyboard: true,
      slick:{infinite:'false'}
  });
  </code></pre>
  
  <p>But this is not disabling the infinite looping.</p>
  
  <p>HTML code</p>
  
  <pre><code>&lt;div class="image-gallery-content"&gt;
      &lt;ul class="slider-lightbox"&gt;
          &lt;li class="video active"&gt;
              &lt;a href="https://www.youtube.com/watch?v=KCI8Wb4KTG8" width="400px" target="_blank"&gt;
                 &lt;img src="images/community/img2.jpg" alt=""&gt;
              &lt;/a&gt;
              &lt;img class="play-btn" src="images/video-icon.png"&gt;
          &lt;/li&gt;
          &lt;li class="image active"&gt;
              &lt;a href="images/community/img3.jpg" target="_blank"&gt;
                 &lt;img src="images/community/img3.jpg" alt=""&gt;
              &lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="image active"&gt;
              &lt;a href="images/community/img1.jpg" target="_blank"&gt;
                 &lt;img src="images/community/img1.jpg" alt=""&gt;
              &lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>