Jsajax - jsajax.com - JavaScript + Ajax 新着サンプル トップ50 (build 2.0)
General Information:
Latest News:
YouTube Data APIを利用してYouTubeの動画を検索して表示する 6 Jul 2011 | 05:36 pm
このサンプルは、YouTubeのData APIとjQueryを利用してキーワードで動画を検索して結果を表示します。サンプルが表示されたら「Pick UP VIDEO」直下の検索窓に「キーワード」を入力して[Search!]ボタンをクリックしてください。検索した動画のサムネイルが表示されます。サムネイルがクリックすると動画が再生されます。「cats」の代わりに「dogs」を入力して検索してみてくだ...
TopUpプラグインでイメージ/ビデオをエフェクト付きで拡大表示する 23 Apr 2011 | 10:59 am
このサンプルは、jQueryのTopUpプラグインを利用して商品イメージと商品を説明している動画をエフェクト付きで拡大表示します。サンプルが表示されたら、「今月のオススメスイーツ」にスクロールしてスイーツのサムネイルをクリックしてください。サムネイルが拡大表示されます。拡大表示されたイメージを閉じるには右上の[X]をクリックします。[YouTube]のサムネイルをクリックするとポップアップウィンド...
MultimediaPortfolioプラグインでサムネイルを左右にスライドさせて拡大表示する 27 Mar 2011 | 08:11 am
このサンプルは、jQueryのMultimediaPortfolioプラグインを利用してサムネイルを左右にスクロールさせながら拡大表示します。サンプルが表示されたら「今月のオススメスイーツ」までスクロールします。スイーツのサムネイルが表示されたらスライダーをドラッグしてサムネイルを左右にスライドさせます。サムネイルをクリックするとポップアップウィンドウに拡大表示します。拡大表示されたイメージは、イ...
Gallerifficプラグインでサムネイルをタブ化して拡大表示する 5 Mar 2011 | 06:01 am
このサンプルは、jQueryのGallerifficプラグインを利用して「今月のオススメスイーツ」のサムネイルをタブ化して拡大表示します。サンプルが表示されたら「今月のオススメスイーツ」までスクロールします。左側に表示されているサムネイルをクリックすると、右側にサムネイルが拡大表示されます。サムネイルを切り替えるには、左上のタブ[1][2]をクリックします。 拡大表示されたイメージを切り替えるに...
jPhotoGridプラグインでイメージをグリッド上に表示してズームインさせる 27 Feb 2011 | 05:54 am
このサンプルは、jQueryのjPhotoGridプラグインを利用して「今月のオススメスイーツ」をグリッド上に表示します。サンプルが表示されたら「今月のオススメスイーツ」までスクロールします。グリッド上に表示されているスイーツをクリックするとズームインさせます。ズームインした画像をクリックするとズームアウトさせます。
InfinitCarouselプラグインでイメージを左右にスライドさせる 19 Feb 2011 | 01:57 pm
このサンプルは、jQueryのInfinitCarouselプラグインを使用して今月のオススメスイーツの画像を左右にオートスクロールします。サンプルが表示されたら「今月のオススメスイーツ」まで画面をスクロールしてください。今月のオススメスイーツの画像が左右に自動的にスクロールします。画像を手動でスクロールさせるには画像の右上にマウスを移動してポーズボタン[||]をクリックします。画像中央の両端に表...
ImageCubeプラグインでイメージを3Dで回転させる 12 Feb 2011 | 12:45 am
このサンプルは、jQueryのImageCubeプラグインを利用して今月のオススメスイーツを3Dで回転させます。サンプルが表示されたら下の方にスクロールして「今月のオススメスイーツ」を表示します。左右に表示されているスイーツが上下左右に回転します。
CrossSlideプラグインでイメージをフラッシュのようにクロスフェードさせる 5 Feb 2011 | 09:48 am
このサンプルは、jQueryのCrossSlideプラグインを利用して今月のオススメスイーツをFlash(フラッシュ）のようにクロスフェードさせます。サンプルが表示されたら、画面をスクロールして「今月のオススメスイーツ」まで移動してください。今月のスイーツがクロースフェードして表示されます。スイーツのイメージは、CrossSlideプラグインにspeed、fadeオプションを追加してカスタマイズす...
PopEyeプラグインでイメージをズームイン／アウトする 29 Jan 2011 | 02:22 pm
このサンプルは、jQueryのPopEyeプラグインを利用してイメージをズームイン／アウトします。サンプルが表示されたら下にスクロールして「今月のオススメスイーツ」を表示します。マウスをスイーツのイメージに移動すると左上にナビゲーションメニューが表示されます。左右の矢印ボタンをクリックするとイメージを切り替えることができます。真ん中の[Enlarge]ボタンをクリックすると拡大表示します。拡大した...
PrettyPhotoプラグインでイメージをズームインする 23 Jan 2011 | 09:34 am
このサンプルは、jQueryのprettyPhotoプラグインを利用してお菓子のイメージをズームインします。サンプルが表示されたら画面をスクロールしてスイーツのサムネイルまで移動します。スイーツのサムネイルをクリックするとポップアップウィンドウにズームインします。ポップアップウィンドウ左下の左右の矢印をクリックするとイメージを切り替えることができます。イメージの切り替えは、ポップアップウィンドウの...
