Bootstrap 3 и FancyBox2: стрелки Nav не отображаются на первой фотографии в галерее

Question

Я использую Bootstrap 3 с FancyBox2 и моим demo site is here. Все отлично работает, за исключением того, что есть NO Навигационные стрелки на первой фотографии в фотогалерее. Все остальные фотографии имеют свои стрелки навигации. Кто-нибудь знает, почему?

Вот первый код фотографии со вторым фотокодеком. Как вы можете видеть, код почти идентичен.

  <a class="thumbnail fancybox" rel="lightbox" href="http://placehold.it/400x400.png"> 
       <img class="img-responsive" alt="First title here" src="http://placehold.it/200x200" /> 
       <div class="text-center"> 
        <small class="text-muted">Image Title</small> 
       </div> <!-- text-center/end --> 
      </a> 


      <a class="thumbnail fancybox" rel="ligthbox" href="http://placehold.it/400x400.png"> 
       <img class="img-responsive" alt="second title here" src="http://placehold.it/200x200" /> 
       <div class="text-center"> 
        <small class="text-muted">Image Title</small> 
       </div> <!-- text-center/end --> 
      </a> 

Однако при просмотре кода на сервере с помощью инструментов разработчика, я могу видеть, что стрелки, кажется, добавлены динамически через JavaScript (я могу ошибаться). По какой-то причине он не динамически добавляется к первой фотографии.

У кого-нибудь есть идеи?

Answer 1

Просто заменил первый код фотографии на второй код фотографии, и он отлично работает ... до сих пор не знаю, в чем проблема, о хорошо. Но это работает.