gallery:items

Purpose

Defines a set of items to be displayed by the Gallery or Slideshow widgets.

Contained by

Contains

Attribute groups

Attributes

Attribute Description Type Default Options Use
count Specifies the total number of items in the gallery. The count attribute must only be specified when used within the XDIME 2 response. If the items are specified directly on the XDIME page, the attribute must remain unspecified. xs:integer     optional 
id Identifies the set of items xs:string     optional 

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