none
Asp.net Mvc Dinamik Slider RRS feed

  • Soru

  • 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.

    4 Mart 2016 Cuma 16:09

Yanıtlar

  • 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.

    4 Mart 2016 Cuma 16:48
  • ben

    <div class="item @(item == resimler.First() ? "active" : "")">
    şeklinde yapıyorum


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

    4 Mart 2016 Cuma 17:10
    Moderatör

Tüm Yanıtlar