title: Swipebox slide with html control and content instead of popup
body: <p>I am using swipebox it is easy and useful.I want show first image with next-previous icon.When user click(or touch-swipe in mobile) next image slide will show next image.My needed design is here</p>
  
  <p><img src="https://i.stack.imgur.com/kTxxv.png" alt="enter image description here">
  as you can see in my design there is slide and also there is many other html control-content-div-buton......</p>
  
  <p>but swipebox show pop up and it just show slide as below.
  This is not good for me because there is information-content-links and other html control in my page(design).Slide is just a part of my mobile web site page.So i need change slide full screen and pop </p>
  
  <p><img src="https://i.stack.imgur.com/KDnkT.png" alt="enter image description here"></p>
  
  <p>here is my view code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $('.swipebox').swipebox();
      $('.swipebox:first').click();
       // simply faking a click on the selector which starts the slide
  
  });
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;div class="display-img" style="overflow: hidden; text-align: center;"&gt;
  
                  foreach (var item in Model.Images.Take(8))
          {
  
                  &lt;a rel="gallery-1" href="@item.Url" class="swipebox" &gt;
                  &lt;img src="@item.ThumbnailUrl" alt="image" style="width:22%;height:35%;"&gt;
              &lt;/a&gt; 
  
  
  
          }
          &lt;div class="specifications"&gt;
              @if (ViewBag.Culture == "tr")
              {
                  &lt;img src="~/Content/images/display_foot_bg.png" width="280" /&gt;
  
              }
              else
              {
                  &lt;img src="~/Content/images/display_foot_bg2.png" width="280" /&gt;
              }
          &lt;/div&gt;
  </code></pre>