Hi Ollivier. ...some of this you might have already figured out.

Create a new gallery by going to the Admin UI and clicking on the
"Galleries" tab. Click on the "New Gallery" button and from there
upload some pics, edit the gallery description, etc. Name the gallery
"MyPics" for example.

Then go to the "Pages" tab and create a new page, call it "Photos" for
example, and make sure you select the "Gallery" page type from the
"Page Type" drop-down selections. In the body of this page, you'll put
some html and radiant tags to display pics from your "MyPics" gallery.
Here's the code I use for my galleries with some explanations added:

      <!-- galleries -->
      <r:gallery:if_galleries>
        <div class="galleries">
## I have several galleries, so the next statement loops through each
of them, producing links to the individual
## galleries. You can still do this even with only one gallery.
          <r:galleries:each level="current">
            <div class="gallery">
              <r:gallery:if_items>
                <div class="thumb" style="background-image:
url('<r:gallery:item:thumb width="120" position="first" />');">
                  <a href="<r:gallery:gallery_url />"
title="<r:gallery:name />">
                    <r:gallery:name />
                  </a>
                </div>
              </r:gallery:if_items>
              <div class="description">
                <h2><r:gallery:link /></h2>
                <p><r:gallery:description /></p>
              </div>
              <div class="clearer"></div>
            </div>
          </r:galleries:each>
        </div>
      </r:gallery:if_galleries>
      <!-- end galleries -->
      <r:gallery:unless_galleries>
        <!-- items -->
        <r:gallery:item:unless_current>
          <r:gallery:if_items>
            <div class="gallery">
              <p><r:gallery:description /></p>
## This next loop picks up information about each item (ie. photo) in
the gallery and creates thumbnails and links
## to each of the photos. This is what you see when you click on the
gallery link produced above.
              <r:gallery:items:each>
                <!-- item -->
                <div class="container">
                  <div class="thumb" style="background-image:
url('<r:gallery:item:thumb width="150" />')">
                    <a href="<r:gallery:item:thumb width="500" />"
rel="lightbox[<r:gallery:name />]" title="<r:gallery:item:name />">
                      <r:gallery:item:name />
                     </a>
                  </div>
                </div>
                <!-- end item -->
              </r:gallery:items:each>
              <div class="clearer"></div>
            </div>
          </r:gallery:if_items>
        </r:gallery:item:unless_current>
        <!-- end items -->
        <!-- item page -->
## This next bit is what formats the page for individual photos, with
navigation links to next/previous items.
        <r:gallery:item:if_current>
          <r:gallery:item:current>
            <div class="item">
              <div class="navigation">
                <div class="prev">
                  <r:gallery:item:if_prev>
                    <a href="<r:gallery:item:prev_page_url />">&laquo;
prev</a>
                  </r:gallery:item:if_prev>
                </div>
                <div class="next">
                  <r:gallery:item:if_next>
                    <a href="<r:gallery:item:next_page_url />">next
&raquo;</a>
                  </r:gallery:item:if_next>
                </div>
                <div class="clearer"></div>
              </div>
              <div class="clearer"></div>
              <h2><r:gallery:item:name /></h2>
              <div class="image">
                <a href="<r:gallery:item:path />">
                  <img src="<r:gallery:item:thumb width="450" />"
alt="<r:gallery:item:name />" />
                </a>
              </div>
              <p>
                <r:gallery:item:description />
              </p>
            </div>
          </r:gallery:item:current>
        </r:gallery:item:if_current>
        <!-- end item page -->
      </r:gallery:unless_galleries>

Most of the above code will be in the sample gallery, if you installed it.

Assuming you used my example names, you can go to
<yourwebsiteaddress>/photos (the Photos gallery-type page) and the
above code should display your "MyPics" gallery (and any others you
add later).

Hope this helps.


On Sun, May 18, 2008 at 1:04 AM, Ollivier Robert <[EMAIL PROTECTED]> wrote:
> OK, I guess I must be missing something obvious but I just can't see
> how it works. I've created public/galleries, create a "Test" one, put
> a picture in it and...  where is it supposed to appear?
> /galleries/<index>? /galleries/Test?  Do I have to create an new Page
> with one of the gallery layouts, probably with a Gallery page type?
> Is it documented somewhere??
>
> Thanks.
> --
> Ollivier Robert -
> _______________________________________________
> Radiant mailing list
> Post:   Radiant@radiantcms.org
> Search: http://radiantcms.org/mailing-list/search/
> Site:   http://lists.radiantcms.org/mailman/listinfo/radiant
>



-- 
marshal
_______________________________________________
Radiant mailing list
Post:   Radiant@radiantcms.org
Search: http://radiantcms.org/mailing-list/search/
Site:   http://lists.radiantcms.org/mailman/listinfo/radiant

Reply via email to