takumart.net link

takumart.net - Takuma saitou Art works |  Art Works  |  Photo Works  |  Profile  |  Download  |  Mail  |  Blog  |  Link  |  Sitemap  

2010年10月21日木曜日

「z-indexで重なった写真をめくるAjax」

演出系Ajaxっていれすぎると、
いろいろIDとかブツカッテ大変ですw
Takumaです。
 

【演出】
�� 演劇・映画・テレビなどで、台本をもとに、演技・装置・照明・音響などの表現に統一と調和を与える作業。
�� 効果をねらって物事の運営・進行に工夫をめぐらすこと。「結婚式の―」「―された首班交代劇」(by Yahoo!辞書)

 

さて、いろいろ試しでAjaxとか入れたりしてたら、
重たくなったtakumart.net。新しいAjax試したいけどどうしよう・・・

そうだ、新しいサイト作ればいいんだ。takumaです。
(※本当にそうかは、本人のみぞ知る。)

と言う訳で、演出系のAjaxを気軽に試したかったので、いくつか調べていたのですが、動き的に面白かったので、こちらをチョイス。

z-indexとjQueryで実現する写真を紙芝居のように入れ替えていく演出Ajaxです。

▼ピックアップ▼
Use jQuery - Blog - Create a unique Gallery by using z-index and jQuery

そして、デモ
Demo for - 'Create a unique Gallery by using z-index and jQuery'


そして、さっそく導入してみました。
どこに?ここにw(そりゃ、最近いろいろやっていると言えばw)

「z-indexで重なった写真をめくるAjax」

▼ピックアップ▼
kisskisskids~フェイクスイーツパティシエの手作りデコアクセサリー~

wordpressも写真ベースのテンプレートを組み込んでいるのですが、TOPのこのページに写真的な動きがほしかったんですよね。

pngベースで画像は呼び込んでるので、写真の枠から飛び出している演出も可能。
(※スプーンとか飛び出してるでしょー。)

ここに後、もう一個くらいギミックを埋め込もうかと画策している、今日この頃です。

��.S
twitterやっているのですが、持ち主さんが、ブログの更新とtwitterをうまく使っていて、波及がうまくいっている模様。

kisskisskids (kisskisskids) on Twitter

もうそろそろ、600か・・・3か月後には抜かれるな。

■P.S:今日の気になったサイト■■■■■■■■■■■■■■■■

▼ピックアップサイト▼
http://www.hayategraphics.com/

●んで、一言

昔読まされた、絵本を思い出すような、○や□が手書きテイストで並んでいるサイト。
いっていのリズムを刻みながら、スライドしある瞬間に時間が表示される。
たまらなくセンスがいい。

技術的にやってることで目新しくないが、グラフィックがうまく合わさると刺さるな。
と思った今日この頃です。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■