2011年10月アーカイブ

2011年10月16日

グリッドレイアウトのナビゲーション

グリッドスタイルできれいに表示させ、
プロパティを指定するだけで表示効果を切り替えられる。
シンプルな方法からフェード効果など簡単に実装可能。

  1. スタンダード
  2. フェード
  3. 順次フェード
  4. ムーブ+フェード
  5. 順次ムーブ+フェード
  6. 順次ムーブ+フェード(反転)
  7. リサイズ
  8. 分散
  9. 行切り替え
  10. 順次ムーブ+フェード(3行)
参考サイト ⇒ Grid Navigation Effects

2011年10月 9日

流れて切り替わるフォトギャラリー

nextやprevボタンを設置して、順次画像を切り替える手法は多数ありますが、
これはサムネールをクリックすると、
流れるように画像が伸縮しながら切り替わるギャラリーです。
それぞれのキャプションは、タイトル属性を設定するだけ。

使用サンプル → フローギャラリー

参考サイト ⇒ FlowGallery

2011年10月 2日

オシャレなサムネール付きカルーセル

jQueryが普及し、ライトボックス、カルーセルパネル、アコーディオンメニューなど、
いくつもの類似したプラグインが作られてきました。
その中でも、これはカルーセルパネルの一覧ボタンに
マウスオーバーしたときのみサムネールが表示されるすぐれもの。
表示域は画像サイズに合わせてスムーズに伸縮します。

使用サンプル → サムネール付きカルーセル

参考サイト ⇒ Sweet Thumbnails Preview Gallery

OpenID対応しています OpenIDについて

このアーカイブについて

このページには、2011年10月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2011年9月です。

次のアーカイブは2011年11月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。