JavaScript、FLASHのイメージギャラリーまとめ15個ほど

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

スポンサーリンク

WEBイメージギャラリー

今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。
JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。
(Flashに一点追加しました)
IT/Web業界に強い転職サイトGreen

CSSJavaScript


FLASH

Photo Sliderライブラリ。
滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。
ダウンロードページ


FLASH

商用利用の場合は29ドルだけど、非営利の場合は無料で使える。
テキストが表示されているところもポップアップするので試してみると楽しいです。
ダウンロードページ


JavaScript

正確にはギャラリーではないですが、虫眼鏡による画像のビューア。
FLASHではないところがまた乙。重いのが難点か・・・。
ダウンロードページ


JavaScript

こちらも虫眼鏡。地味に2つの機能がある。
クリックしながら右にドラッグすれば虫眼鏡自体を大きくし、左に移動すれば小さくする。さらにクリックしながら上に移動すれば拡大率を上げ、下に下げれば拡大率を下げます。
ダウンロードページ


イメージギャラリー

サンプルデモはこちら
いやー素敵ですね。
デモで色々テキストをクリックするといろんな機能があるのがわかります。お試しあれ。
ダウンロードは右上のDownloadから。
ダウンロードページ


イメージギャラリー

WEB1.0の雰囲気たっぷりのイメージギャラリー。
ダウンロードページ


Ajax

Ajaxだ!と言われているようなギャラリー。
メールで画像を送る機能がついている(ご使用メールソフトが立ち上がるだけですが)
ダウンロードページ


JavaScript

サンプルデモ(水着が何故か多い)
大量の画像をギャラリー化する場合は最適。
ダウンロードはページの下のほうにある。
ダウンロードページ


FLASH

管理、と言う面では大変ですが、サイトギャラリー。動画ギャラリー。画像ギャラリーにも使えるもの。アイデア次第で何でもこなせそうな一品です。
ダウンロードページ


FLASH

【未検証】非常に軽いサムネイルギャラリー。
ダウンロードページ



FLASH


本年度最強ではないかと言うのを忘れていたので追加↓
Flash

サンプルデモ
多少XMLをいじるだけで変えれます。
PhotoShopを使って、背景なども変える事が可能なチュートリアルも掲載されていますね。
ダウンロードページ


FLASH

ダウンロードページ
本をぺらぺらとめくるようなイメージギャラリー。
これはかなり見た目インパクトが強い。
画面中央左の『Download the source files』のところで無料でダウンロードできる。オリジナルのカタログもつくれそう。
ためしに使ってみたけど、RSSパーサーと組み合わせると、ページにRSS受信も出来た。アイデア次第でなんでもいけそうですよ。
現在バージョンは2ですが、バージョン1のデモはこちら


FLASHブック

【未検証】だいぶ前に紹介したときよりも色々バージョンアップしていました。
ただDownloadまでの道のりがいまいちわからず困っています。Downloadソースと言うところからファイルをダウンロードしてみたものの(巨大ファイル)、サンプルが見当たらなく確認できませんでした。各自でお願いいたします。
もしもわかったら教えてくれるとうれしいです。
サンプルデモ1
ローディングをページをめくるたびにする。
サンプルデモ2
こちらのサンプルは圧巻です。
透明なファイルをはさみ・・・見て確認してください。
サンプル一覧ページ
ここからDownloadページへいけます。
ただ、探すと色々とDownloadできるものがあり、未確認であることを先にご了承ください。


FLASHブック

カテゴリ分けもできるので、かなり大規模なギャラリーを作る事が可能。
デモページはこちら
詳しくは以前書いた記事を参考に。
フリーで使えてカテゴリ分けも出来るクールなFLASH XMLイメージギャラリー
ダウンロードページ



番外編




動画ギャラリーを作成するサイトです。上のようなものが簡単に作れます。
詳しくは以前書いた記事を参照してください。
あまりに最強すぎる動画まとめflashを作成するジェネレータ


topimagesource
Photographerrachel sian
LicenseCreative Commons (by-nc)
Tool for photo selectingGigazinize Tools - Image



スポンサーリンク

トップへ戻る

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

関連するエントリー

コメント

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

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

RYO

「PhotoFlip Gallery」がすごいですね!
しかも背景画像の作成法まで書いてていたれりつくせりですね。

2007/10/23 Tue 16:50| |

- 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2008/06/20 Fri 00:32| |

トラックバック

この記事にトラックバックする人はクリック

JavaScript、FLASHのイメージギャラリーまとめ15個ほど

今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お...

PC初心者でもブログが簡単に作れてビジネスができる:2007-10-29 21:33

JavaScript、FLASHのイメ?ジギャラリ?まとめ15??ほど

書指は?肇のホ?ムペ?ジを恬る繁のネタ、にて、まとめの匯何として聞われていたイメ?ジギャラリ?を麼叨にまとめました。 JavaScript狼はブログでも聞う並が竃栖たりしますので、お?r?のあ...

繼續愛:2007-11-08 11:19

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