En iyi yanıtlayıcılar
Asp.net Mvc Dinamik Slider

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.
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.
- Yanıt Olarak İşaretleyen ŞamilTürksoy 4 Mart 2016 Cuma 17:19
-
ben
<div class="item @(item == resimler.First() ? "active" : "")">
şeklinde yapıyorum
e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
- Yanıt Olarak İşaretleyen ŞamilTürksoy 4 Mart 2016 Cuma 17:19
Tüm 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.
- Yanıt Olarak İşaretleyen ŞamilTürksoy 4 Mart 2016 Cuma 17:19
-
ben
<div class="item @(item == resimler.First() ? "active" : "")">
şeklinde yapıyorum
e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
- Yanıt Olarak İşaretleyen ŞamilTürksoy 4 Mart 2016 Cuma 17:19
-