Слайдер изображений (из папки, без базы данных) в MVC 4
Смотреть
========
@model IEnumerable<_24X7Hires.Models.Slider> @{ ViewBag.Title = "Index"; } <title>Basic jQuery Slider - Demo</title> <link rel="stylesheet" href="../assets/bjqs.css"> <link href="~/Content/Style.css" rel="stylesheet" type='text/css'> <link href="~/Content/assets/demo.css" rel="stylesheet" /> <script src="~/Content/assets/js/jquery-1.7.1.min.js"></script> <script src="~/Content/assets/js/bjqs-1.3.min.js"></script> <div id="container"> <h2>Slider from Folder</h2> <div id="banner-fade"> <ul class="bjqs"> @foreach (var item in Model) { <li> <img src='@Html.DisplayFor(modelItem => item.src)' title='@Html.DisplayFor(modelItem => item.title)' alt=""> </li> } </ul> </div> @*<script class="secret-source" style="display:none;"> jQuery(document).ready(function ($) { $('#banner-fade').bjqs({ height: 320, width: 620, responsive: true }); }); </script>*@ </div> <script src="~/Content/assets/js/libs/jquery.secret-source.min.js"></script> <script> jQuery(function ($) { $('.secret-source').secretSource({ includeTag: false }); $('#banner-fade').bjqs({ height: 320, width: 620, responsive: true }); }); </script>
Контроллер
===================
public class HomeController : Controller { public ActionResult Index() { string[] filePaths = Directory.GetFiles(Server.MapPath("~/Content/assets/img/")); List<Slider> files = new List<Slider>(); foreach (string filePath in filePaths) { string fileName = Path.GetFileName(filePath); files.Add(new Slider { title = fileName.Split('.')[0].ToString(), src = "../Content/assets/img/" + fileName }); } return View(files); }
Модель
====================
public class Slider { public string src { get; set; } public string title { get; set; } }
Что я уже пробовал:
я попробовал изображение автоматического движущегося слайдера.....,,,
теперь он работает, но он будет работать вертикально, мы ожидаем, что он будет работать горизонтально