滑动框滑动，带有下一个上一个图标

Question

我使用的是swipebox，它很简单实用。 在demo中有所有幻灯片图片，当点击任何图片时，它会显示幻灯片。

我想破坏点击，我想在第一次默认显示幻灯片。

我将使用下一个上一个图标显示第一张图片。当用户点击滑动下一张图片时，幻灯片将显示下一张图片。我需要的设计就在这里

我修改了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 i

我添加了此代码以查看

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

    });
</script>

不行。无需点击任何图片即可显示幻灯片。

但我需要这样的页面：http://i.stack.imgur.com/xBWMO.png 不喜欢这个

因为我的页面中有信息内容链接和其他html控件。隐藏只是我移动网站页面的一部分。所以我需要更改幻灯片全屏

Answer 1

初始化后，你可以启动它..

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

UPDATE 以上IGNORE，最简单的选项是：

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