フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプログラム:phpspot開発日誌
Sliding Panel Photo Wall Gallery with jQuery | Codrops フルスクリーンでスッキリ綺麗な写真ギャラリーを作れるjQueryを使ったサンプルプログラム。 アニメーションしつつ、操作性もいい感じのフォトギャラリーが実装出来るサンプルプログラムが公開されています。 画像をクリックすれば、若干の読み込み時間を待ち、画像が下からスライドされます。待ち時間は画像サイズに依存します。 ナビゲーションの←、→で画像送りが可能。画像自体をクリックすることで一覧に戻ることが出来ます。 余計なナビゲーションはなくして、写真を前面にしているシンプルさが使いやすさと、見やすさに繋がっていますね。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 3Dでクールに回転するFlashを使った画像ギャラリー「Piece
jQueryでLightBoxライク画像ギャラリー「piroBox」
食傷気味のLightBoxですが、まだまだ派生JavaScriptは進化を続けています。 jQueryプラグインの「piroBox」を紹介します。 sponsors 使用方法 piroBoxからファイル一式をダウンロードします。 <link href="pirobox.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="pirobox.js"></script> <script> $(document)
jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」 LightBoxをjQueryで実現するJavaScriptは以前jQueryでLightBoxを実現するjavascript「jQuery lightBox plugin」で紹介しましたが、今回紹介する方が高機能で柔軟性があるかもしれません。 jQuery Lightbox Plugin (balupton edition)です。 sponsors 使用方法 jQuery Lightbox Plugin (balupton edition)からjquery.lightbox.jsとjquery.lightbox.packed.cssを、jQueryからjquery.jsをダウンロードします。 次にhead内に以下を加えます。 <script
jQueryで画像・動画などを表示するLightboxクローン「CeeBox」
久しぶりにLightBoxクローンの紹介です。 JavaScriptライブラリのjQueryプラグイン「CeeBox」により、画像・動画をきれいに表示することが可能です。 sponsors 使用方法 CeeBoxからファイル一式をダウンロードします。 <link rel="stylesheet" href="ceebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.swfobject.js"></script> <script type="text/javascript" src="jquery.ceebox.js"></script> <script
[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
