WEBで写真をみせるというのは個人的なWEBから商業用のWEBまで幅広く目的としてありますが、今回紹介するのは様々なユーザーインターフェースのギャラリーが簡単に設置できるフレームワーク「jbgallery 2.0 BETA」です。 こちらは jQueryを利用して制作されており、単純な静的なものではなく、フェードインアウト、ローディングバーなどなど様々処理が制御できるようになっています。いくつかユーザーインターフェイスがオプションとして予め設定されていますのでいくつか紹介したいと思います。 詳しくは以下 ■numbers 横にサムネイルをずらりと並べるインターフェイスのギャラリー。 ■Callback for developers 進む戻るボタンなど様々な操作系をインターフェイスに表示させたインターフェイス。 上記のほかにも様々なオプションが設定されています。対応しているブラウザは以下のと
YoxView - jQuery image viewer plugin 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」。 現時点で、色々なLightBoxの実装がありますが、これはなかなかカッコいいというものを見つけました。 画像をクリックすると、クリックした画像以外がグレーに暗くなります。 そこからアニメーションしながら拡大。動きは実際に見た方がいいですね。YoxView のデモ 関連エントリ かなりスタイリッシュかつ高機能なLightBox風ライブラリ「TopUp」 表示法が新しくセクシーなLightBox「SexyLightBox」 カスタマイズできる多機能LightBox「Lightview」
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML／XHTML（以下、HTML）とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素（今回はimg要素）はoverLayer内に配置します。 ▼サンプル01（HTML部分） <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
twitter facebook hatena google pocket 画像のシンプルな見せ方としてクロスフェードを使用するケースは多いのではないでしょうか？ それを簡単に行えるのが、jQueryプラグインのImage Fader jQuery plugin - wingtechです。 sponsors 使用方法 Image Fader jQuery plugin - wingtechからjquery.metadata.jsとjquery.imagefadingslider.jsをダウンロードします。 もちろんjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.metad
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
