Lesson 7. Elvis Photo Archive

キングは様々な顔を持っている。我々はフォトアーカイブで持って Elvis の多くの面をサイトの訪問者に垣間見てもらうことができる。

1. photos ドキュメントをクリック。
2. View タブをクリック。

このページはアーカイブ内の写真を次から次へ見せるものである。それは特に奇抜なものではない。

この写真をタイトルとサイズで管理できるように改善しよう。改善されたフォトアーカイブではタイトル順に写真を並べ、それぞれの画像へのリンクを含むものとなる。

1. photos ドキュメントをクリックしてこれを編集する。
2. ドキュメントのコンテンツを以下のように変更する。

<dtml-var standard_html_header>

<h2><dtml-var title></h2>

<dtml-in expr="photoArchive.objectValues()">
<p>
  <a href="<dtml-var absolute_url>"><dtml-var title></a>
  (<dtml-var getSize> bytes)
</p>
</dtml-in>

<dtml-var standard_html_footer>

3. Save Changes ボタンをクリック。
4. View タブをクリック。

それぞれの画像へのリンクを持った写真リストが、サイズつきでどのように表示されているのか、注意してほしい。

まとめ

Image オブジェクト（訳者補足）は自分自身を表示し、サイズ、タイトル、URL といった有用な情報を提供してくれるものである。

- ObjectValue メソッドで Folder 内のコンテンツを取得できる
- getSize メソッドで Image のファイルサイズ（訳者補足）を取得することができる。
- absolute_url メソッドでオブジェクトの URL を取得できる

次のレッスンでは DTML スクリプトでどのように画像を生成するかを学ぼう。