Wie zeigt man 4 Fotos auf Slider?

Question

würde Ich mag 4 Foto zeigen, auf jedem alle Schieber, aber ich kann an Seite auf Schieber nur 1 Foto

Gibt es eine andere Art und Weise zu zeigen, 4 Fotos Seite bekommen?

<div class='slider'> 
         <ul class='slides'> 
           <asp:Repeater ID="rpShowcaseAlbum" runat="server"> 
            <ItemTemplate> 
           <li> 
           <!-- Showcase Album --> 
           <div class='span12'> 
             <a href="album_detay.aspx?ArtistID=<%#Eval("ArtistID") %>"> 
              <div class="photo_frame"> 
               <img src='Admin/uploads/photo/<%#Eval("Photo") %>' style="max-width: 250px; max-height: 250px;" alt='' /> 
               <div class='text'> 
                <span class='artist'><%#Eval("ArtistName") %></span> 
               </div> 
              </div> 
             </a> 
           </div> 
          </li> 
          </ItemTemplate> 
          </asp:Repeater> 
         </ul> 
        </div> 


    if (Dt.Rows.Count > 0) 
     { 
      rpShowcaseAlbum.DataSource = Dt; 
      rpShowcaseAlbum.DataBind(); 
     } 

Answer 1

Ihr Problem ist, dass Sie in dem Schieber Verpackung li und div für jedes Element erstellen. Sie können Artikel-Index verwenden, um diese li zu machen und nur div bei Bedarf:

<%# Container.ItemIndex % 4 == 0 ? "<li><div class='span12'>" : "" %> 

    <a href="album_detay.aspx?ArtistID=<%#Eval("ArtistID") %>"> 
     <div class="photo_frame"> 
      <img src='Admin/uploads/photo/<%#Eval("Photo") %>' style="max-width: 250px; max-height: 250px;" alt='' /> 
      <div class='text'> 
       <span class='artist'><%#Eval("ArtistName") %></span> 
      </div> 
     </div> 
    </a> 

<%# Container.ItemIndex % 4 == 3 ? "</div></li>" : "" %> 

Dies ist ein bisschen wie ein trick, und aufgrund der Tatsache erfolgt, dass Container in Daten tatsächlich verfügbar ist nur Kontext verbindlich.