Tip 2 Tam Ekran Slider

Slide resimleri tam ekran olarak yerleşir. Section büyüklüğüne göre resize olur. Bu sliderın diğer demo tipinin içinde çalışabilmesi için

sectionı aşağıdaki divin içine almak gerekiyor.

<div class="kts-two"></div>

<section class="sect juliet">
<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="4000" data-pause="false">
<div class="carousel-inner" role="listbox">
@{
int birmi = 1;
foreach (Slayt sls in Partial.Slaytlar(dilk))
{
if (birmi == 1)
{
<div class="item active">
<div class="kilo" style="background-image: url(https://www.antalyawebtasarim.com/destek/resimler/placeholders/1.jpg);"></div>
</div>
}
else
{
<div class="item">
<div class="kilo" style="background-image: url(https://www.antalyawebtasarim.com/destek/resimler/placeholders/2.jpg);"></div>
</div>
}
birmi++;
}
}
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>

© 2024, ASP.NET MVC CMS (Content Management System / İçerik Yönetim Sistemi). Tüm Hakları Saklıdır.