مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

ورود / ثبت نام
انجمن پرسش و پاسخ
تاپیک مورد نظر
کاربر سایت

mojtaba.shayanfar

عضویت از 1394/08/07

ایجاد Carousel بصورت داینامیک

  • شنبه 7 آذر 1394
  • 21:47
تشکر میکنم

باسلام 

من می خواستم Carosel ایجاد کنم که تعداد Slide آن براساس تعداد رکورد موجود در بانک اطلاعاتی باشد. ولی هیچ چیزی نشان نمیده .

کد ویو را بصورت زیر ایجاد کردم:

@model RadmehrMachinery.Models.Product

 

@{
    ViewBag.Title = "ProductDetail";
}
<div data-ride="carousel" class="carousel slide" id="carousel-example-captions">
    <ol class="carousel-indicators">
        @for (int i = 0; i < Model.ProductImages.Count; i++)
            {
                if (i == 0)
                {
                    <li class="active" data-slide-to="@i" data-target="#carousel-example-captions"></li>
                }
                else
                {
                    <li class="" data-slide-to="@i" data-target="#carousel-example-captions"></li>
                }
            }
    </ol>
    <div role="listbox" class="carousel-inner">
        @foreach (var item in Model.ProductImages)
        {
            <div class="item">
                <img alt="900x500" src="/ImageFiles/@item.ProductImage" data-holder-rendered="true">
                <div class="carousel-caption">
                    <h3>@item.ImageDesc</h3>
                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
        }
    </div>
</div>

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

mrpeach

عضویت از 1394/04/13

  • شنبه 7 آذر 1394
  • 23:50

من احساس میکنم آدرس عکس شما درست نیست

وقتی برنامه را اجرا میکنید اگر با گوگل کروم هست روی اسلایدر خودتون راست کلیک کنید inspect element رو کلیک کنید ببینید آدرس عکس درست خوانده شده یا نه

من احساس میکنم اول آدرس عکس به یک علامت ~ احتیاج است

البته قسمت Model.ProductImages 

رو تبدیل کنید به Model خالی

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)

درخواست پروژه