gallery:item

Purpose

Defines a single item in the set of items used by the Gallery or Slideshow widgets. Content specified by the widget:summary element will be displayed in the gallery. The Slideshow widget will present content provided by widget:detail.

Contained by

Contains

Attribute groups

Example

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
  xmlns:widget="http://www.volantis.com/xmlns/2006/05/widget"
  xmlns:gallery="http://www.volantis.com/xmlns/2006/10/gallery-widget">
  <head>
    <title>Gallery Widget with AJAX</title>
  </head>
  <body>
    <div>
      <gallery:items>
        <gallery:item>
          <widget:summary>
            <object src="/images/gallery/thumbs/img1_small.mimg"/>
          </widget:summary>
          <widget:detail>
            <object src="/images/gallery/photos/img1.mimg"/>
          </widget:detail>
        </gallery:item>
        <gallery:item>
          <widget:summary>
            <object src="/images/gallery/thumbs/img2_small.mimg"/>
          </widget:summary>
          <widget:detail>
            <object src="/images/gallery/photos/img2.mimg"/>
          </widget:detail>
        </gallery:item>
        <gallery:item>
          <widget:summary>
            <object src="/images/gallery/thumbs/img3_small.mimg"/>
          </widget:summary>
          <widget:detail>
            <object src="/images/gallery/photos/img3.mimg"/>
          </widget:detail>
        </gallery:item>
        <gallery:item>
          <widget:summary>
            <object src="/images/gallery/thumbs/img4_small.mimg"/>
          </widget:summary>
          <widget:detail>
            <object src="/images/gallery/photos/img4.mimg"/>
          </widget:detail>
        </gallery:item>
      </gallery:items>
    </div>
    <table>
      <tr>
        <td>
          <gallery:gallery class="widget" slideshow="slideshow" slideshow-popup="gallery-popup">
            <div>
              <table>
                <tr>
                  <td>
                    <widget:previous>&lt;&lt;</widget:previous>
                  </td>
                  <td>
                    <gallery:item-display/>
                  </td>
                  <td>
                    <gallery:item-display/>
                  </td>
                  <td>
                    <widget:next>&gt;&gt;</widget:next>
                  </td>
                </tr>
              </table>
            </div>
            <div>Displaying items from <gallery:start-item-number/> to <gallery:end-item-number/> of
              <gallery:items-count/></div>
            <div>Page number: <gallery:page-number/> of <gallery:pages-count/></div>
          </gallery:gallery>
        </td>
      </tr>
      <tr>
        <td>
          <widget:popup id="gallery-popup">
            <gallery:slideshow id="slideshow">
              <gallery:item-display/>
              <widget:previous>&lt;&lt;</widget:previous>
              <widget:pause>Pause</widget:pause>
              <widget:play>Play</widget:play>
              <widget:next>&gt;&gt;</widget:next>
              <widget:dismiss>Close</widget:dismiss>
              <div>Displaying item <gallery:item-number/> of <gallery:items-count/></div>
            </gallery:slideshow>
          </widget:popup>
        </td>
      </tr>
    </table>
  </body>
</html>

Related topics