スライダーに4枚の写真を表示するには？

Question

私はすべて各スライダに4写真を表示したいと思いますが、私は唯一の1枚の写真

スライダ上に並んで4写真側を示すための任意の別の方法があり得ることができますか？

<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

あなたの問題は、スライダーで各アイテムのラッピングLiとdiv要素を作成しているということです。あなたはこれらのLiをレンダリングし、必要なときにのみDIVする項目のインデックスを使用することができます。

<%# 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>" : "" %> 

これはtrickのビットであり、なぜならコンテナが唯一のコンテキストをデータバインディングでは、実際に利用可能であるという事実で行われます。