Asp.net mvc 4 使用mvc4将图像显示为移动应用程序的幻灯片

使用mvc4将图像显示为移动应用程序的幻灯片

我正在将这些图像的物理路径放入控制中的一个数组[]。我想把数组传给大家看。在那里，我想以幻灯片形式显示这些图像

这是我的密码

控制器代码：

 public ActionResult Index()
    {
        var imageFiles = new Mobile.Models.DisplayImages.ImageModel();
        imageFiles.Images.AddRange(System.IO.Directory.GetFiles(@"E:\05-11\New Folder\Images\BannerImages\"));
        for (int i = 0; i < imageFiles.Images.Count; i++)
        {
            // get rid of the fully qualified path name
            imageFiles.Images[i] = imageFiles.Images[i].Replace(@"E:\05-11\New Folder\Images\BannerImages\", "../../Images/BannerImages/");
            // change the slashes for web
            imageFiles.Images[i] = imageFiles.Images[i].Replace('\\', '/');
        }
        return View(imageFiles);
    }

public ActionResult Index（）
{
var imageFiles=new Mobile.Models.DisplayImages.ImageModel（）；
imageFiles.Images.AddRange（System.IO.Directory.GetFiles（@“E:\05-11\New Folder\Images\BannerImages\”）；
对于（int i=0；i

型号代码：

public class DisplayImages
{
    public class ImageModel
    {
        List<string> _images = new List<string>();

        public ImageModel()
        {
            _images = new List<string>();
        }

        public List<string> Images
        {
            get { return _images; }
            set { _images = value; }
        }
    }
}

公共类显示图像
{
公共类图像模型
{
列表_images=新列表（）；
公共图像模型（）
{
_图像=新列表（）；
}
公共列表图像
{
获取{return\u images；}
设置{u images=value；}
}
}
}

查看代码：

 @for (int imgIndex = 0; imgIndex < Model.Images.Count; imgIndex++){
if (imgIndex == 0)
{
     <img class="first" src = "@Model.Images[imgIndex]" alt="No Image"/> 
}
else
{
     <img src = "@Model.Images[imgIndex]" alt="No Image"/> 
}

for（int-imgIndex=0；imgIndex }

---

您可以根据需要应用视图文件中的样式。

与您重新提交的问题相同。我已经回答了。您可以在

该解决方案是粘贴在这里的任何方式

首先在模型中创建这个类

public class ImageModel
{
List<string> _images = new List<string>();

    public ImageModel()
    {
        _images = new List<string>();
    }

    public List<string> Images
    {
        get { return _images; }
        set { _images = value; }
    }
}

鉴于你把它当作

@model ImageModel
@for (int imgIndex = 0; imgIndex < Model.Images.Count; imgIndex++)
{

if (imgIndex == 0)
{
     <img class="first" src = "@Model.Images[imgIndex]" alt="No Image" "/> 
}
else
{
     <img src = "@Model.Images[imgIndex]" alt="No Image "/> 
}
}

@model-ImageModel
@对于（int-imgIndex=0；imgIndex

---

这个代码是一个工作代码，我已经从我这边尝试过了。希望对你有帮助。在图像路径中指定完整路径，例如文件所在的物理路径

您需要使用一些javascript插件。如果您使用jQuery，并且默认情况下MVC4中有jQuery，则可以使用以下幻灯片放映：。他们的页面上有使用示例。这是一个工作模型，进行了编辑，功能齐全。谢谢Saurabh。早些时候的职位被一些人无缘无故地搁置了。所以我不得不用新的标题重新发布。谢谢你的回答。

@model ImageModel
@for (int imgIndex = 0; imgIndex < Model.Images.Count; imgIndex++)
{

if (imgIndex == 0)
{
     <img class="first" src = "@Model.Images[imgIndex]" alt="No Image" "/> 
}
else
{
     <img src = "@Model.Images[imgIndex]" alt="No Image "/> 
}
}