Ext Core: クロスブラウザー対応Javascriptライブラリ

マニュアル

Extを利用するのが初めての場合、このマニュアルを読めばExtについて体系的かつ網羅的に学ぶことができます（経験者にとっても新しい発見があると思います）。このマニュアルそのものがExt Coreのサンプルとなっていますので、あなたのWebサイトをより魅力的なものとするためにぜひ活用してみてください。メンテナンス性が高く、コード量も最小限のJavaScriptを体験していただけると思います。マニュアルを読む

カルーセル

複数のオブジェクトをブラウズするめのウィジェット（＝カルーセル）のデモです。カルーセルは自動再生、アニメーション、動的なコンテンツのカスタムナビゲーションといったあらゆるブラウズ方法に対応できるように設定することができます。デモを見る

Lightbox

画像を現在表示されているページ上に重ね合わせて表示させる「Lightbox」風のウィジェットのデモです。 CSSのセレクタを登録するだけの簡単な設定で利用できます。複数の画像を登録すればウィジェット上でのブラウズが可能になります。デモを見る

メニュー

ページ内のリンクのリストを縦方向、あるいは横方向のメニューに変換するウィジェットのデモです。生成されたメニューに対しては各種アニメーション効果の設定から、アクティブ項目、遅延操作、各種イベントの設定など様々な設定項目が利用可能となります。デモを見る

JSONP

JSONPによるクロスドメインでのデータ取得のデモです。このデモにはJSON形式のデータをサポートするあらゆるWebサービスに対して利用できるクラスが含まれています。このデモではFlickrのAPIを利用して任意のキーワードに関連づけれれた写真データを取得しています。デモを見る

タブ

たった数行のExt Coreのコードで大変便利なナビゲーションの作成が可能かを示すデモです。「イベントの委譲」を活用することにより新しいタブを追加したり、既存のタブを削除する、といった操作が簡単に実現できます。デモを見る

組み合わせ

このデモでは他のデモで利用したウィジェットを組み合わせて利用する方法を示しています。このデモは、写真のカテゴリーのナビゲーションにメニューを利用しており、写真データはJSONPでFlickrより取得し、そのデータをカルーセルに格納しています。また写真をクリックすると大きなサイズの写真がLightbox内に表示されます。デモを見る