安江健 - Love and IT

Home · カバーフローを実現するFlashライブラリまとめ

About

Love your family, love your friend, love your boss, love your colleague, love your client. Love your job, love your project, love your computer, love your code, love your design. Love your competitor, love your rival, love your enemy. Love have a possibility to turn out your enemy to your friend. Revulsion have a possibility to turn out your enemy to bigger one. My favorite motto is "It is in giving that we receive". So let's give them, if you want that!
more about...

New Articles:

New comments:

Widgets

リンク集

■毎日使ってる系
Google analytic iGoogle Adsense Adwords mixi
■Webニュース系
はてなブックマーク Digg del.icio.us clipedia Gigazine Asiajin 百式アルファルファブログ Rev2.org On Off and beyond
■開発系
phpspot開発日誌 MOONGIFT The Programming and Management Blog freshmeat Open Source Alternative
■デザイン系
N.Design studio Vitamin DESIGN IT! w/LOVE ホームページを作る人のネタ帳 No-Style F's Garage 情報デザイン勉強部屋
■ブログロール
あんじーのテクニカルブログ千駄ケ谷経済研究所早稲田で働く、早大卒業でない社長のブログ。２７歳IT社長のブログ

カバーフローを実現するFlashライブラリまとめ

ブックマーク:

英語で書いた記事が何かと人気だったので、日本語で再度まとめておきます。

iTunes Coverflow v2

PictureFlow 2.3

Flash iTunes Cover Flow Version 2

Flash iTunes Cover Flow Version 2
デモページ

Mac Style PhotoFlip Gallery

Mac Style PhotoFlip Gallery
デモページ

Yaelle's coverflow

Mac Style PhotoFlip Gallery

これは、作者が僕のブログのコメントに「作ったよー」って来たんで試したら全角文字が使えなかったので使えるように直してもらいましたw なんで日本語もばりばりOKです。ぜひみんな使ってください。
以下簡単な使いかた

1.ダウンロード

上記のリンクをクリックしてください。

2. ファイルを解凍

3. 表示したい画像をimagesフォルダーにいれる
最終的にXMLに表示したい画像を入れるので必須では無いですが、試すにはこの方法が一番楽なので。。。

4. images.xmlを変える
<icon>タグ内に表示したい画像を記述します。.
アトリビュート説明：
image: 画像のURL
action: 画像をクリックしたときに開くURL
target: アンカーと同じようにターゲットを指定出来ます。
titre: カーソルが画像の上に来たときに表示される説明の最初の行のテキスト
desc: カーソルが画像の上に来たときに表示される説明の２行目のテキスト

このブログで使っているimages.xml

5. 以下のコードを表示したい所においてください。 URLはそれぞれの環境に合わせて変えてくださいね。
現状ある問題点として、240x180の画像しかちゃんと表示されません。なんで、動的に表示させる場合はGD等で画像を縮小してあげてからimages.xml(動的な場合はimages.phpか。。。)に出力させてください。
ちなみに縮小はimage magicの方が綺麗に出来ます。

06.01.2008. 23:20

coliss on 07.01.2008. 00:05

引用元を明記しないで、記事ネタや画像を使用しないでください。

Write a comment

* = required field

安江 健 - Love and IT