چه جور میشه با Repeater اسلایدشو درست کرد
<asp:Repeater ID="RepeaterSlider" runat="server"> <ItemTemplate> <li> <a runat="server" id="alinkSlider" href='<%# Eval("Link") %>' title='<%# Eval("Title") %>'> <asp:Image ID="imgbtnSlider" runat="server" alt='<%# Eval("Title") %>' ImageUrl='<%# Eval("ImageUrl") %>' /></a></li> </ItemTemplate> </asp:Repeater>
بعدش چه جور یکی رد بشه؟
باید از اسلایدر آماده استفاده کنید ، مثل بوت استرپ و بعد قسمت تکرار شونده را داخل Reapeter بذارید.
مثلا از Carousel Bootstrap استفاده کنید.
وبعد قسمتی که تکرار می شه را داخل reapeter بذارید.
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height:350px;"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox" style="height:350px;"> <!-- Wrapper for slides --> @foreach (var item in Model) { <div class="item @((active) ? "active" : "")" style="height:350px;"> <img src="~/Image/@item.ImageName" alt="..."> <div class="carousel-caption text-center"> @*<p>@item.Title</p> <p>@item.Description</p>*@ </div> </div> active = false; } </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" 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="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
این کد نمونه Razor در MVC هست شما بجای استفاده از foreach باید از Reapeter استفاده کنید.
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)