Фотогалерея в ListView

Question

Есть ли способ создать фотогалерею с помощью элемента управления Listview?

Я играю с этими шаблонами aroud, но я не могу получить разные картинки в одной строке.

Я хотел бы иметь 3 фотографии в одной строке. Somthing как

Пик 1 Пик 2 Пик 3

Пик 4 Пик 5 Рис 6

Теперь у меня есть это как

Пик 1 Пик 1 Пик 1

Пик 2 Пик 2 Пик 2

Мой код

<LayoutTemplate> 
    <table> 

     <asp:PlaceHolder ID="groupPlaceholder" runat="server"></asp:PlaceHolder> 
    </table> 
</LayoutTemplate> 
<GroupTemplate> 
    <tr> 
     <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder> 
    </tr> 
</GroupTemplate> 

<ItemTemplate> 
    <tr> 
     <td> 
      <img alt="" src="<%# "http://" + Request.Url.Authority + "/" + Eval("thumbnailPath") %>" /> 
     </td> 
     <td> 
      <img alt="" src="<%# "http://" + Request.Url.Authority + "/" + Eval("thumbnailPath") %>" /> 
     </td> 
     <td> 
      <img alt="" src="<%# "http://" + Request.Url.Authority + "/" + Eval("thumbnailPath") %>" /> 
     </td> 
    </tr> 
</ItemTemplate> 

Im получает URL-адреса для изображений в коллекции, поэтому ListView.

Answer 1

Забудьте о таблицах - чистая разметка является основным мотивом использования ListView в первую очередь. Создайте простой содержащий div для всего набора и установите ширину для комбинированной ширины трех изображений (плюс любое дополнение, которое у вас есть для границ и т. П.).

Тогда естественный поток страницы поместит их в отдельные строки для вас.

[Update] Вот некоторые примеры разметки и CSS, чтобы помочь вам начать работу :-) http://woorkup.com/2009/10/07/how-to-distribute-elements-horizontally-using-css/