Asp.net Mvc Dinamik Slider

Question

Merhaba;

asp.net mvc ile  dinamik slider yapmaya çalışıyorum.

Veri tabanından aldığım resimleri sıralamasına göre resimler değişkenine dolduruyorum ve foreach ile her resmi ekrana basıyorum.

Fakat her seferinde active divim de ekleniyor ve resimlerim üst üstte ekleniyor.

Bunu nasıl aşabilirim.

@{
    var resimler = new MvcApplication3.Models.Entiti().Sliders.OrderBy(p => p.Sirasi).ToList();
}

<div id="fixed_width_carousel" class="carousel fixed_width_carousel_fade animate_text fixed_width_carousel_wrapper alttan25px" data-ride="carousel" data-interval="6000" data-pause="hover">

    <!-- ========= Wrapper for slides  =========-->
    <div class="carousel-inner" role="listbox">


      
            @foreach (var item in resimler)
            {  <div class="item active">

                <img src="@Url.RouteUrl("Default", new { @controller = "Images", @action = "GetImage5", @Id = item.Id })" width="1270" />
                <div class="carousel-caption fixed_width_carousel_caption">
                    <h1 data-animation="animated fadeInUp">@item.Slogan</h1>
                    <p data-animation="animated fadeInUp">@item.Slogan2</p>
                    <a href="#" class="fixed_width_carousel_button_colored" data-animation="animated fadeInUp">Fırsatı Yakala</a>
                </div>

              </div>
            }
            </div>


    

    <!--======= Navigation Buttons =========-->
    <!--======= Left Button =========-->
    <a class="left carousel-control fixed_width_carousel_control_left" href="#fixed_width_carousel" role="button" data-slide="prev">
        <span class="fa fa-long-arrow-left fixed_width_carousel_icons" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>

    <!--======= Right Button =========-->
    <a class="right carousel-control fixed_width_carousel_control_right" href="#fixed_width_carousel" role="button" data-slide="next">
        <span class="fa fa-long-arrow-right fixed_width_carousel_icons" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>

</div>

Teşekkürler.

Answer 1

1. ilk resmi döngü dışında direk basıp diğerlerini foreach ile basabilirsiniz.

2.foreach yerine for next kullanip ilk resimde  <div class="item active"> kullanır diğerlerinde <div class="item"> classını kullanırsınız.

Answer 2

ben

<div class="item @(item == resimler.First() ? "active" : "")">

şeklinde yapıyorum

---

e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

Answer 3

her iki yöntemde işimi gördü arkadaşlar 

Çok teşekkür ederim.