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

| 0 comments

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

「z-indexで重なった写真をめくるAjax」演出系Ajaxっていれすぎると、
いろいろIDとかブツカッテ大変ですw
Takumaです。
 

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

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

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

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

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

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

kisskisskids (kisskisskids) on Twitter

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

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

▼ピックアップサイト▼

http://www.hayategraphics.com/

●んで、一言

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

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

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

▲このページトップへ

takumaの「デザインはあれでアートはそれで」