@{
    ViewBag.Title = "viewfile";
}

<div style="width:100%;text-align:center">
    <h2>图片预览</h2>
    <ul id="jq22">
    </ul>
</div>

@section scripts{
    <link href="@Url.Content("~/Content/viewer/viewer.min.css")" rel="stylesheet" />
    <script type="text/javascript" src="@Url.Content("~/Content/viewer/viewer.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/viewer/viewer-jquery.min.js")"></script>
    <style type="text/css">
        .viewer-toolbar {
            width: 450px;
        }
            .viewer-toolbar > li {
                float: left;
                width: 40px;
                height: 40px;
                cursor: pointer;
                border-radius: 50%;
                background-color: #000;
                background-color: rgba(0,0,0,.5);
            }

            .viewer-toolbar > .viewer-play {
                width: 40px;
                height: 40px;
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .viewer-toolbar > li:before {
                margin: 10px;
            }
            .viewer-toolbar > .viewer-play:before {
                margin: 10px;
            }

    </style>
    <script type="text/javascript">
        $(function () {
            var paths = getQueryString("paths").split(",");
            for (var i in paths) {
                if (paths[i])
                    $('#jq22').append("<li><img src='" + paths[i] + "' alt='" + i + "'></li>");
            }
            $('#jq22').viewer();
        });
    </script>
}