ایجاد اسلایدر برای 10 مطلب آخر

[helpsos]

سلام
اگه بخواهیم یه اسلایدری مثل شکل زیر در Asp.net MVC درست کنیم میشه راهنمایی کنید که چطوریه؟

http://barnamenevis.org/attachment.php?attachmentid=126880&d=1419528067
البته من یه اکشن درست کردم که مثلا 10 پست آخر رو به یه پارشال می فرسته
و در پارشال هم اونها رو با کد زیر نمایش می دهم
@model List<SiteVarposht.ViewModels.PostEndListPublicViewModel>
@{int c=0;}

<ul class="ulEmpty">
@foreach (var item in Model)
{
//
<li id="@c" style="position: absolute; top: 205px; left: 0px; display: none; z-index: 20; opacity: 1; width: 615px; height: 205px;">
<div>
<a href="#">@item.Title</a>
<hr />
<div id="main-info">
<div class="well">
@item.Writer
&nbsp;&nbsp;,
&nbsp;&nbsp;
@SiteVarposht.Helper.DateTimeHelper.WaveTime(item. CreateDate)
</div>
<div>
@Html.Raw(item.Body)
</div>
</div>
</div>
</li>
c++;
}
</ul>



البته از کدهای زیر هم استفاده کردم ولی به نتیجه ای نرسیدم


<script type="text/javascript">
$(function () {
for (var i = 0; i < 10; i++) {
setInterval(function () {
document.getElementById(i).style = ('position: absolute; top: 0px; left: 0px; display: block; z-index: 20; opacity: 1; width: 615px; height: 205px;');
}, 3000);

if (i == 9) i = 0;
}
});

</script>


حالا چطوری اونهارو به صورت اسلایدر یکی یکی نمایش بدم

[helpsos]

با استفاده از carousel حل شد