スポンサーサイト

  • --/--/--
  • このエントリーをはてなブックマークに追加

スポンサーリンク

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

無料で使えるFlashイメージギャラリー集とレビュー7つ

  • 2011/04/18
  • このエントリーをはてなブックマークに追加

スポンサーリンク

Flashイメージギャラリー特集
あらゆる場面で使えそうなFlashイメージギャラリー特集です。
HTML5が押してきていますが、個人サイトで手軽にギャラリーが開けるのがポイントですね。

IT/Web業界に強い転職サイトGreen

スライドギャラリー


Flash-Gallery.com - PhotoFlow Flash Gallery Demonstration
Photo Flow Flash Gallery
safariとかApple製品でみられるアレ。ダウンロードすると、gallery.xmlが入ってるのでそれを開く。
設定ポイントは以下。
//画像フォルダ指定
<imagesFolder>images/</imagesFolder>
//画像の角度
<imageAngle>30</imageAngle>
//スクロールバーの表示 Trueとfalseで指定
<useScrollBar>true</useScrollBar>
//スライドショーの指定
<slideShow>false</slideShow>
//スライドショー間隔
<slideShowDelay>2</slideShowDelay>
//画像をクリックした時に次の画像を開くまでにかかる時間
<flipDuration>1</flipDuration>
//その時に音をだせるらしい
<flipSound></flipSound>
//最初の画像の場所
<startPosition>center</startPosition>
//反射の度合い
<reflectionAlpha>25</reflectionAlpha>


あと下の方に画像を指定する部分がありますので、そのあたりを変更すればOK。
<item>
<source>7.jpg</source>
<description>Image 7</description>
</item>


日本語非対応。


ランダム写真ギャラリー


PostcardViewer Download
PostcardViewer
ぱらぱらと写真をちりばめたようなイメージギャラリー。
クリックすると拡大になります。
クリックで拡大

これも同じくxmlファイルが入ってますので、開いてみると設定するところはここくらい。
<gallery cellDimension="800" columns="4" zoomOutPerc="15" zoomInPerc="100" frameWidth="20" frameColor="0xFFFFFF" captionColor="0xFFFFFF" enableRightClickOpen="true" >

画像にリンクテキストを埋め込んだり、フォントサイズも変更できます。
拡大でリンクやフォントの変更も出来る
<image>
<url>images/tall.jpg</url>
<caption><![CDATA[Captions can be HTML formatted. Supported tags are linebreaks<br> <u>underline</u>, <u><a href="http://www.google.com" target="_blank">hyperlinks</a></u>, and <font color="#ffff00" size="40">font tags</font>. Italics and bold are not supported.]]></caption>
</image>

意外と簡単な構造なので見ればわかるかと思います!

でも、無念の日本語非対応。


3Dタイルギャラリー


TiltViewer Download
TiltViewer
上で紹介した物が平面だとすれば、こちらは3D。クリックで拡大しますが、3Dなので素敵です。
3Dで表示
このギャラリーは細かい設定等は一切ありませんでした。開いてフォトイメージのパスとメッセージを加えるだけ。上のやつと同様にURLを含むリンクや、フォントサイズやカラーを変更出来ます。
<photo imageurl="imgs/img.jpg" linkurl="http://www.google.com">
<title>Image 1</title>
<description>This is a regular text description.</description>
</photo>


日本語に対応してます。


レトロな写真ギャラリー


Polaroid Gallery v.1.01
Polaroid Gallery
渋い感じのギャラリーになります。ダウンロードは右側のDownloadからなのですが、リンクも同じ黒テキストなので、そのへんマウスで探してください。

クリックして拡大してももかっこいいです。
拡大しても渋いイメージギャラリー
もともと使われているフォント指定がかっこいいだけに日本語が使えないのがちょっと無念かもしれません。
いじるところも実にシンプルに出来てます。

以下のようにメッセージと画像フォルダを指定して追加していくだけ。
<photo desc="Picture is from stock.xchng" url="_pics/2.jpg" />


3Dウォールパノラマ


Flash-Gallery.com - 3D Wall Photo Gallery Demonstration
3D Wall Flash Gallery
3Dの壁。見渡す感じでギャラリーを閲覧でき、拡大も出来ます。
こちらは設定がかなり細かく指定出来ますが、かなり細かいので以下のように一度どの設定を変更するとどうなるかを確認してみるといいです。
設定パネル
設定変更してからダウンロードしたら中身の設定も変わってるのかななんて期待したけどダメだったので設定はxmlファイルからどうぞ。

日本語対応してます。


くるりと回るパネル


Flash-Gallery.com - Zen Flash Gallery Demonstration
Zen Flash Gallery
UI的に問題がありますが、画像の切り替えがとてもクール。
思わずクリックし続けたくなる魔力があります。
画像切り替え2
画像切り替え1
画像切り替え3
画像の切り替え4
どーん!

例のごとくxmlファイルを開き「description=」これを変更するとアルバム名の変更が出来る。
<album icon="" thumbnailsFolder="icons/car/" imagesFolder="images/car/" description="ここアルバム名">

日本語非対応。


円状に配置された写真ギャラリー


Flash XML - Circular Gallery FX
Circular Gallery
円を描くようにぱらぱらと写真をちりばめた感じのFlashギャラリー。
拡大すると以下のようになります。
Flashイメージを拡大するとこうなる
なんと動画の埋め込みも可能。
動画を使えるFlash

このサイトは、セッティングはダウンロードする前のWeb上で行えます。
Flashの設定
ここで色々ギャラリーを確認しながらセッティングしていけます。デモも3種類あり、それぞれビジュアルが違いますのでお気にいりを探してみてください。
ダウンロードボタンを押せば、セッティング済みのxmlファイルが入ってます。すごい。

setting.xmlはFlash自体の設定。イメージの大きさとかその他もろもろ。
images.xmlは画像へのテキストや、リンクなどを指定してます。

日本語は非対応です。


タイルパネルギャラリー


Flash XML - Photo Wall FX
Flash Photo Wall Gallery
こちらもデモが3種類あります。
上と同じサイトの物なので、セッティングもWeb上で行えます。
Web上のsettingタブの右のUploadimageタブを開き、試したところばっちり表示されました。
サンプルデモ2
サンプル2。いまいち使い方が思い浮かばないやつ・・・どういうところで使えばいんだ・・・。そもそもギャラリーじゃないじゃないか・・・。

サンプルデモ3
完全なタイル上になったサンプル3。

こちらは日本語対応してます。


以上お勧め8つ。とりあえず全部ダウンロードして実際に使ってみて、動作確認と日本語対応を調べてみました。

他にも以下から色々と探せます。
20+ Most Attractive And Free Flash Image Galleries
日本語対応と非対応でえらい使いどころが変わりますが手軽にギャラリーが使えるのがいいですね。

それでは。また。



スポンサーリンク

トップへ戻る

Twitter版のネタ帳では毎週月曜~金曜までWeb屋さんに役立つ色んな情報や単なるネタまでをつぶやいています。

関連するエントリー

コメント

この記事にコメントする人はクリック

コメントポリシーをお読みください
管理者にだけ表示を許可する

FC2Ad

広告


IT・Web業界の求人なら転職サイトgreen(グリーン) ホームページテンプレート、WordPressテーマ、Facebookページテンプレートならクラウドテンプレート ネットマーケティングとは│ネットマーケティング検定 SEOコンサルティング&SEO対策 無料レスポンシブWebデザインテンプレート 広告主募集

あわせて読みたい
フィードメーター - ホームページを作る人のネタ帳

人気の記事一覧

あなたのブログの再訪問者を増やす50の方法

私の経験から感じた事を書き記します。全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。

http://e0166.blog89.fc2.com/blog-entry-824.html

あなたの生活を確実に拘束し時間を浪費させる動画50

今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが1ヶ月以上前。動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。

http://e0166.blog89.fc2.com/blog-entry-820.html

webデザインのセンスを磨く○○系のwebデザインまとめ

webデザインを学ぶならwebデザインから。と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。

http://e0166.blog89.fc2.com/blog-entry-817.html

jQueryプラグインのベストトレンド総まとめ2010

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。

http://e0166.blog89.fc2.com/blog-entry-816.html

ツイッターの日常における35の行動パターン

私が良く見かける35の行動パターンに名前をつけてみようと思う。年末の誰も見てない時に公開しようと思っていた、ただのネタだったのですが、結構時間がかかりこの時期に・・・。

http://e0166.blog89.fc2.com/blog-entry-823.html

ウェブデザイナーのためのウェブアプリ15

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。

http://e0166.blog89.fc2.com/blog-entry-784.html

愛用するGoogleChromeエクステンション12個

この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。

http://e0166.blog89.fc2.com/blog-entry-784.html

文章や会話のプレゼンテーションを向上させる方法

文章力がないためにプレゼンに失敗した、会話がうまくできずにプレゼンに失敗した。こういう経験はなかなか無い。なぜなら多くの場合、失敗したことに気がつかないからです。

http://e0166.blog89.fc2.com/blog-entry-802.html

サイトの裏側の意識を変え売り上げをアップする方法

ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。はたして、webサイト運営がどのように変わったのでしょうか。。

http://e0166.blog89.fc2.com/blog-entry-749.html

webサイトのリピーターを増やすさりげない5つのコツ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。

http://e0166.blog89.fc2.com/blog-entry-746.html
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。