نمایش تصویریکه url آن در دیتابیس ذخیره شده

[gama_slv]

دو تا سوال داشتم
میخوام با تگ <img src="" /> یکسری تصویر که مسیر تصویر تو دیتابیس ذخیره شده رو تو یک ویو نشون بدم
فیلد هایی که url رو ذخیره می کنن
public string ProductDownImageUrl { get; set; }
public string ProductDownThumbnailImageUrl { get; set; }

تصویر بعد از اینکه آپلود میشه Thumbnail ساخته میشه و فیلد های بالا اینطوری ذخیره میشن

/Uploads/fe1b5094162941b6806f6018d0aaf61e.jpg
/Uploads/fe1b5094162941b6806f6018d0aaf61e_Thumb.jpg

مشکل اصلیم اینه که وقتی از Kendo UI tooltip استفاده کنم تو مثالش برای نمایش عکس از <img src="" /> فقط استفاده کرده
من با لیست ویو Kendo یکسری تصویر رو میارم می خوام هر وقت کاربر با موس رفت روش یک تصویر با توضیحات بیاره ولی مشکل اینه که تولتیپ تصویر رو نشون نمیده

[gama_slv]

برای نمایش یک تصویر میشه از
@foreach (var item in Model)

{
<img src="@item.ProductDownThumbnailImageUrl" />
}
اسفاده کرد ولی مشکل این کد اینه که لیست رو عمودی میسازه یعنی مثل یک نوشته همه داده ها خط به خط زیر هم میان
من میخوام محصولات رو این شکلی نشون بدم
110104
چطوری میشه به فیلد های یک جدول دسترسی داشت تو یک ویو

[بهزاد علی محمدزاده]

سلام . برای ساخت اینجور گالری ها باید از css استفاده کنید . اون حلقه که گذاشتید فقط مسئول نمایش دادن اطلاعات ( یا تصاویر ) هست . چگونگی نمایشش رو باید با css تنظیم کنید .

من پیشنهاد می کنم قبل از اینکه شروع به همچین کاری کنید , اول با html و css قالب رو طراحی کنید . و بصورت دستی مثلا 20 تا عکس قرار بده و با css بهشون style مورد نظرت و بده . اونوقت این پروژه static رو dynamic کن . یعنی عکس ها رو که دستی وارد کردی , حذف کن و به جاش با حلقه foreach نمایش بده .

توی این لینک (http://designshack.net/articles/css/5-simple-and-practical-css-list-styles-you-can-copy-and-paste/) به قسمت Standard Thumbnail Grid برید , یه نمونه اونجا هست . ( css , html )

[gama_slv]

سلام . برای ساخت اینجور گالری ها باید از css استفاده کنید . اون حلقه که گذاشتید فقط مسئول نمایش دادن اطلاعات ( یا تصاویر ) هست . چگونگی نمایشش رو باید با css تنظیم کنید .

من پیشنهاد می کنم قبل از اینکه شروع به همچین کاری کنید , اول با html و css قالب رو طراحی کنید . و بصورت دستی مثلا 20 تا عکس قرار بده و با css بهشون style مورد نظرت و بده . اونوقت این پروژه static رو dynamic کن . یعنی عکس ها رو که دستی وارد کردی , حذف کن و به جاش با حلقه foreach نمایش بده .

توی این لینک (http://designshack.net/articles/css/5-simple-and-practical-css-list-styles-you-can-copy-and-paste/) به قسمت Standard Thumbnail Grid برید , یه نمونه اونجا هست . ( css , html )
خیلی ممنون این کار رو هم کردم باز نشد.به یک action نیاز دارم که لیست رو درست بسازه بعد بشه اون رو با این روش نشون داد.
اگر کسی میدونه چطوری میشه این کا رو کرد.