C # MVC5 Показать изображение слайд-шоу с помощью ICollcetion - PullRequest
0 голосов
/ 06 июня 2018

Здесь я пытаюсь отобразить изображения в слайдере.Благодаря циклам foreach изображения отображаются одно за другим, как строки.Без использования foreach я не могу получить изображения.Я не знаю, как связать Icollection и получить данные фотографии для просмотра.Модель:

public partial class PressRelease                            
{                                                                                                                                                                                                                                                                                        
    public PressRelease()             
    {                                                                      
        this.Links = new HashSet<Link>();            
        this.Photos = new HashSet<Photo>();            
    }

    public int pr_id { get; set; }
    public string pr_title { get; set; }
    public string pr_title2 { get; set; }
    public string pr_subtitle { get; set; }

    public virtual ICollection<Link> Links { get; set; }
    public virtual ICollection<Photo> Photos { get; set; }
}

Контроллер:

public ActionResult Index()                                                           
{
    var pressReleases = _db.pressreleases
                                .Where(p => p.pr_approved)
                                .Include(p => p.Photos)
                                .Include(p => p.Links)
                                .OrderByDescending(p => p.pr_date)
                                .Take(10)
                                .ToList();
    return View(pressReleases);
}

Вид:

@model PressRoom.Models.PressRelease

@if (Model.Photos.Count > 0)
{
<div style="padding:10px">

        @foreach (var photos in Model.Photos)
        {            
            <div id="SlideshowImages">
                <img src="@Url.Content(@photos.photo_url)" style="width:100%;height:180px;" />

            </div>
         }
 }
...