Kasar_7 Ответов: 2

Как отобразить изображение в стиле сетки с помощью ASP.NET MVC


Привет,
Мне нужна некоторая помощь в отображении изображений в стиле сетки с помощью Asp.net бритва MVC.

Результат, который я получаю, таков: http://prntscr.com/byyv9b

Как я хочу, чтобы отобразить изображение: - http://prntscr.com/byyvl5

Любое предложение по этому вопросу будет высоко оценено.Спасибо

Что я уже пробовал:

-- Контроллер--

индекс public ActionResult()

{

смотреть возвращение(дБ.Img_data.Список());

}

-- Вид Бритвы--


@через firstmvc.Модели

модель интерфейс IEnumerable&л@; firstmvc.модели.img_data&ГТ;
@{

Видовая сумка.Title = " Индекс";

Layout = " ~ / Views / Shared/Adminmaster.cshtml";

}


@по каждому элементу (ВАР деталь в модели)
{

}
< img id= " @item.Img_id "src=" @Url. Content(@item.Img_data1)" данные-масштаб-изображения="@URL-адрес.Содержание(@товар.Img_data1) "style=" width:450px; height:300px " />


F-ES Sitecore

Это скорее вопрос дизайна TBH, вам нужно понимать divs и плавающие divs и т. д., На самом деле это не вопрос кодирования. Погуглите, как форматировать элементы с помощью divs, и вы, вероятно, найдете несколько учебников, это довольно большая тема.

2 Ответов

Рейтинг:
7

VICK

Вы когда-нибудь слышали об использовании плагинов jQuery для такой работы?

Ну, есть много доступных плагинов, чтобы показать вашу кучу изображений в виде плиток.

Один из хороших плагинов доступен по следующей ссылке.

Freewall

Вы можете использовать вышеупомянутый плагин или поискать его в google.

Надеюсь, это поможет.
:)


Kasar_7

Спасибо

VICK

Удовольствие. :)

Рейтинг:
2

Suvabrata Roy

Привет,

Fltimg {
    float: left;
}


Установите этот класс на изображения, которые вы хотите показать рядом.


Kasar_7

Привет,
Я реализовал ваш метод, но он все равно не работает.Вот код
< img id= " @item.Img_id" класс="плавающей" СРЦ="@URL-адрес.Содержание(@товар.Img_data1)" данные-масштаб-изображения="@URL-адрес.Содержание(@товар.Img_data1) "style=" width:450px; height:300px " />