Swipebox slide со следующим предыдущим значком

Question

Я использую swipebox легко и полезно. В demo есть все изображения слайдов, и при нажатии на любое изображение отображается слайд.

Я хочу уничтожить клик, и я хочу показать слайд в первый раз по умолчанию.

Я покажу первое изображение с следующей предыдущим icon.When пользователем нажимает прикосновение следующего слайда изображения будет отображаться следующим image.My необходимой конструкции здесь

Я изменил photoswipe.js

я изменить

$(document).on('click', selector, function (event) { 

с

$(document).on('Load', selector, function (event) { 

но не работает любое решение для решения?

Я не хочу полноэкранный, прозрачный фон для слайдов. Я просто хочу показать одно изображение со следующим и предыдущим значком. Когда пользователь нажимает следующий и предыдущий, он показывает следующее предыдущее изображение.

вот мой взгляд код

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.swipebox').swipebox(); 
    }); 
</script> 

<div class="content"> 
    <div class="display-img" style="overflow: hidden; text-align: center;"> 

       foreach (var item in Model.Images.Take(8)) 
     { 

       <a rel="gallery-1" href="@item.Url" class="swipebox" > 
       <img src="@item.ThumbnailUrl" alt="image" style="width:22%;height:35%;"> 
      </a> 



     } 
     <div class="specifications"> 
      @if (ViewBag.Culture == "tr") 
      { 
       <img src="~/Content/images/display_foot_bg.png" width="280" /> 

      } 
      else 
      { 
       <img src="~/Content/images/display_foot_bg2.png" width="280" /> 
      } 
     </div> 

отредактирован: с darren sweeney answears я

я добавил этот код для просмотра

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.swipebox').swipebox(); 
     $('.swipebox:first').click(); 
     // simply faking a click on the selector which starts the slide 

    }); 
</script> 

не так works.Without нажмите любые изображения, это шоу горка.

Но мне нужна страница как это: http://i.stack.imgur.com/xBWMO.png не нравится

, потому что есть информация-контент-ссылки и другие управления HTML в моем page.Slide это только часть моего мобильного веб-сайта page.So мне нужно изменить слайд полный экран

Answer 1

После инициализации его можно запустить ..

Code.photoSwipe('a', '#Gallery'); 
Code.PhotoSwipe.Current.show(0); 

UPDATE ИГНОРИРУЙТЕ выше, т он самый простой вариант:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.swipebox').swipebox(); 
    $(selector).click(); // simply faking a click on the selector which starts the slide 
    }); 
</script>