ホームページを作る人のネタ帳

かなり素敵な手軽に貼れるFLASHイメージギャラリー

FLASHギャラリー
空白というか白の使い方がクールですね。
手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。
日本語もいけるか試したら普通にいけたのでご紹介。

使い方は以下に。

FLASHイメージギャラリーのダウンロード


ダウンロード案内

サンプルデモはこちら


カテゴリ分けも簡単に


カテゴリわけ

※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。

とりあえずダウンロードしたファイルを解凍すると以下のような展開になります。
FLASHイメージギャラリーの使い方
あまり説明は不要かもしれませんが誰でも設置できるようにする為に、超簡易的な構図から。
ホントはもう少し複雑ですが、「触る部分」だけチョイスします。

FLASHイメージギャラリーの使い方
index.htmlを開けばgallery.swfを読み込み、sallery.swfはgallery.xmlをよみこんでます。
gallery.xmlに画像の名前や、カテゴリ情報などが掲載されています。

まずやる事は以下の二つのファイルをUTF-8に変更。
(それ以外試してないので、サイトにあわせて試してください)
  • index.html
  • gallery.xml
ダウンロードしたファイルで二つを変更しますが、gallery.swfを直接叩いてもプレビューができます。
しかし、index.htmlから呼び出さなければ、UTF-8が適応されず、文字化けますのでご注意を。

次にgallery.xmlを開きます。
簡単な説明は以下に。

<category name="カテゴリの名前">
<image>
<date>03.31.06(日付)</date>
<title>サムネイル時の説明</title>
<desc>ファイル開いた時の説明</desc>
<thumb>p1.jpg(大きいファイル名images/thumbsの中)</thumb>
<img>p1.jpg(サムネイル画像名images中)</img>
</image>
</category>


この辺りをちょちょいといじるだけです。

<category name="カテゴリの名前">~</category>
この中に
<image>~</image>
を沢山入れることでカテゴリの中身を増やしていくイメージ。

どうでしょう。結構簡単です。
興味のある方は、是非。

Free Flash Gallery | Flash Scope

・・・・・・・・。
で、ここまで書いて今更気がついたんですがこれ、以前違うサイトで紹介されているのを紹介した事がある・・・。

ああ、やっちゃったorz
JavaScript、FLASHのイメージギャラリーまとめ15個ほど

まぁ、前より少しだけ詳しく書いてるという事でご愛嬌・・・。

それでは、また。

@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 2

There are no comments yet.

にに  

ブログへの設置方法

このギャラリーとても気に入ったのでブログでギャラリーを見れるようにしたいのですが、どうすればいいのでしょうか?

2010/01/14 (Thu) 19:50

taku  

ファイル開いた時の説明文について

初めまして。
こちらの記事を参考にさせていただき、試行錯誤いたしております。

<desc>ファイル開いた時の説明</desc>
に記述した文字(日本語)についてのみ、htmlから実行しても文字が表示されません。

英数字は表示されますので文字コードが原因だとは思うのですが、考えられる対処法がありましたらご教授願いたいと思います。

よろしくお願いいたします。

2010/11/21 (Sun) 18:25

Leave a reply