Hey, thank you Marshal,
I was wondering the same thing too! The documentation around this one didn't
say much about the displaying portion, but then again, I'm new to the CMS
world.
-Thembile.

On Mon, May 19, 2008 at 3:59 PM, Marshal Linfoot <[EMAIL PROTECTED]> wrote:

> 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
>
_______________________________________________
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