[ASCII.jp]jQuery＋CSSによるカルーセルパネルの作り方 / jQueryとAjaxで作るスムーズページング

HP登録でSEO対策！アクセスアップにコチラ！
検出率No.1・PC軽快さNo.1のウイルス対策ソフト

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第23回 jQuery＋CSSによるカルーセルパネルの作り方、第24回 jQueryとAjaxで作るスムーズページングが公開されています。

カルーセルパネルはスライド型の回転ギャラリーで、スムーズページングではページ内でローディング画像を表示してコンテンツを切り替えるページングに付いて解説しています。

興味がある方はぜひご覧になっていただけたらと思います。

関連エントリー

jQueryでバリデーション付きメールフォームを作ろう
jQueryで自作するフローティングウィンドウ
jQueryによるLightbox風モーダルウィンドウの作り方
jQueryで作る多階層ドロップダウンメニュー
IE6対応！jQueryで透過PNGのロールオーバーを作る
jQueryでロールオーバー！プリロード対応版
透過PNG対応！jQueryでオリジナルツールチップ
jQueryでタブパネルを作るチュートリアル
jQueryでアコーディオンパネルUIを自作する
jQueryで作る画像ギャラリーのチュートリアル
CSS3のセレクターで作るストライプテーブル
jQueryによるアニメーションエフェクトの基本
jQueryでAjaxを利用する基本チュートリアル
jQueryによるフォームのデザインの基礎
jQueryのイベントをチュートリアルで学ぶ
サンプルで学ぶjQuery：(X)HTML/CSSを操作する
初めてのjQuery：セレクターAPIを一挙解説

スポンサードリンク

«[ASCII.jp]jQueryでバリデーション付きメールフォームを作ろう | メイン | [ASCII.jp]制作現場で役立つjQueryプラグインの使い方»

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/666
コメント

記事、参考になります! ありがとうございます。
同様のプログラムでiPhone式のUIにして、下にどんどん増えていく形もいいですよね。

すみません、web creator のライター繋がりで、つい気軽にコメントをしてしまいました。サイトを拝見したら、PHPなども使われてるんですね。
SugarCRMという顧客管理ソフト(PHP・オープンソース)の勉強会をやってますので、機会がありましたらぜひ。顧客管理なんですが、CMS的なこともできたりします。宣伝気味で恐縮...

投稿者:河村 奨 | 2009年12月21日 13:59

＞河村 奨さん

html()じゃなくてappend()にするとPhone式のUIも簡単にできますね。

SugarCRM素敵そうですね。機会がありましたら是非参加させてください。

投稿者:西畑一馬 Author Profile Page | 2009年12月25日 08:00

さっそく append()式で、作ってみました :-)
↓こんな感じ
http://after-ideabox.net/ja/idea/?category=venture

投稿者:河村 奨 | 2010年1月 1日 23:03
コメントを投稿