مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

ahmadi

عضویت از 1393/07/18

اسلاید شو فوری

  • دوشنبه 9 شهریور 1394
  • 04:46
تشکر میکنم

چه جور میشه با Repeater اسلایدشو درست کرد

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

salman-karaji

عضویت از 1394/06/05

  • دوشنبه 9 شهریور 1394
  • 06:26
 <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>

 

کاربر سایت

ahmadi

عضویت از 1393/07/18

  • دوشنبه 9 شهریور 1394
  • 13:27

بعدش چه جور یکی رد بشه؟

کاربر سایت

اصغر

عضویت از 1394/03/16

  • دوشنبه 9 شهریور 1394
  • 15:18

باید از اسلایدر آماده استفاده کنید ، مثل بوت استرپ و بعد قسمت تکرار شونده را داخل 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 استفاده کنید.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)