人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://www.h6.dion.ne.jp/~su-san/gallery.html

こちらのギャラリーのように、サムネイルをクリックすると
フラッシュで拡大した画像を表示する方法が知りたいです。
(フラッシュは使える環境です。というか勉強中です…。)
nextとかは必要ないのですが、希望としては

・画像以外の余白にCloseのボタンを置きたい
・画像をちょくちょく増やしたいのですぐ更新できるレベルが望ましい
・読み込み中にロード中とわかるアニメーション(?)も入れたい
(参考サイトも円形のものが入っていますね)

このようなフラッシュを使ったギャラリーの解説のサイトを探しています。
思っているようなサイトを紹介してくださった方には
回答のポイントと別にポイントをおくらせていただきたいと思っています。
ただ、確実に求めているものではない(説明と異なるものである)ときは
申し訳ありませんが質問のポイントもなしとさせていただきます。

フラッシュに詳しい方は、直接スクリプト等を教えていただいてもOKです。

何卒よろしくお願いします。

●質問者: mononobe
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:NeXT いただきます アニメーション ギャラリー クリック
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● koriki-kozou
●50ポイント

ソースを見れば当然ながらわかる事なのだが、質問文で提示しているサイトはFLASHを使っているのではない

(拡大画像の真ん中で右クリックしてFLASHのメニューが出てこない事からもわかる)

Javascriptにて拡大画像用区画の表示/非表示を切り替え、内部の画像も切り替えている

(ロード中のアニメはアニメーションgifファイルを一時的に配置してるだけだと思うがソースを細かく追ってないので、詳細不明)


似たような事をFLASHで実現したいという質問だとすると大きく2手に分かれると思う

(1)ある程度できているものを好き勝手にいじって覚えるというのも手

写真を拡大/縮小可能なサムネイルで一覧表示するフォトアルバムFLASHツール NAVIEW-PHOTO-LIST

http://naview.com/object/flash/photo_list/index.html

(2)順序だてて学びながら作り上げるというのも手

FLASHのお勉強_リスト

http://www.geocities.jp/flashiroha/list.html

基本をある程度マスターしているならば下記メニューに飛べばよい

特2.フォトギャラリー(1): サムネイルクリックでフェードイン

特2.フォトギャラリー(2): フェードイン + 拡大

特2.フォトギャラリー(3): サムネイル移動+拡大+回転

FLASHのライブラリ的なものや学習向けのサイトは無数にあるので、以上を自分にあったものを探すための手がかりとして、

どのようなものを求めているかを質疑応答していけばいいと思う

私からは、とりあえず以上

◎質問者からの返答

なるほど、勘違いだったんですね…。

ソースは見ましたが、ロード中のアニメでよく分からなくなりフラッシュだと思い込んでいました。

2番の方が勉強しながらいけるのでいいかもしれないですね。

ありがとうございました!


2 ● edWard
●50ポイント

そのページはFlashではなく、LightboxというAjaxのライブラリで実現しています。

◎質問者からの返答

おお、こういうものが存在するんですね!

やはりフラッシュではなかったのですね、失礼しました…。

そのものの紹介ありがとうございます!


3 ● mattn
●50ポイント

http://www.huddletogether.com/projects/lightbox2/

示しておられるサイトはflashではなくlightboxというjavascriptで書かれたライブラリを使っています。

使い方は上記URLを見て頂ければ分かるかと思います。

ギャラリーならばflashでなくjavascriptでサイト構築した方が、万人に見て頂けるので良いかと思いますよ。:)

◎質問者からの返答

あ、上の方と同じものですね、無知すぎたようで…すみません。

確かに万人に見てもらえるという点はいいですね。

勉強のためフラッシュもやってみますが、サイトではこちらを使おうと思います。

ありがとうございます!


十分すぎる回答をいただけたのでこれで締め切ります。

どれも私には重要だったのでいるか賞はあえて無しにさせてもらいます。すみません。

代わりにポイント送らせていただきます。

ご教授ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ