多機能画像ローダー:ImageLoader Utility

2007-10-12 19:47

 ImageLoader Utilityは、名前の通り画像をロードするコンポーネントだ。これは実験的な(experimental)リリースと位置づけられている。そのため、今後は仕様が大きく変更されるおそれがあり、まだ実用段階とはいえない。しかし、画像を表示させるにあたって便利に使えそうな機能が揃っており、今後の発展が楽しみなコンポーネントでもある。

 YUIは、対応するブラウザ利用条件に配慮した上でご利用いただきたい。また、実行環境となるWebブラウザはJavaScriptを実行可能にしておかなくてはならないのはこれまでと同様だ。

 なお今回から、説明の対象とするYUIのバージョンを2.3.1とする。これは2.3.0のいくつかのバグを修正し、パフォーマンス向上を図ったものだ(リリースを知らせるブログエントリ)。

コンポーネントの概要

 単に画像をロードするといっても、そのタイミングや、ユーザーのブラウザ操作との関連付けによって、Webページにさまざまな演出効果をもたらすことができる。

 たとえば、マウスをクリックすると画像が表示されるというだけでも、ユーザーはWebサイトに参加する、あるいはWebサイトを操作するという体験をすることができ、そのWebサイトの滞在時間を閲覧だけの場合より長くする効果が期待できる。

 ImageLoader Utilityでは、タイマーやイベントハンドラを駆使しなければ実現できない効果をあらかじめライブラリに組み込んであり、パラメータを指定するだけでそれを容易に利用することができる。また、画像のグループ化によって、複数の画像に対して同じ処理を一括して実行することを可能にしている。

ロードするJavaScript

 このコンポーネントを利用するにあたって、以下のJavaScriptファイルをあらかじめ宣言しておく。imageloader-experimental-min.jsと同じフォルダにimageloader-experimental.jsやimageloader-experimental-debug.jsというファイルもあるが、単にライブラリを利用するだけなら、空白を削除してあるimageloader-experimental-min.jsが最も容量が小さく読み込みが速いはずだ。

リスト1 CSSやJavaScriptの設定(HTMLの内)





ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    警察把握分だけで年間4000件発生、IPA10大脅威の常連「標的型攻撃」を正しく知る用語集

  2. セキュリティ

    まずは“交渉術”を磨くこと!情報セキュリティ担当者の使命を果たすための必須事項とは

  3. セキュリティ

    「2024年版脅威ハンティングレポート」より—アジアでサイバー攻撃の標的になりやすい業界とは?

  4. ビジネスアプリケーション

    Microsoft 365で全てを完結しない選択、サイボウズが提示するGaroonとの連携による効果

  5. セキュリティ

    生成AIを利用した標的型攻撃とはどのようなものなのか?実態を明らかにして効果的な対策を考える

ZDNET Japan クイックポール

所属する組織のデータ活用状況はどの段階にありますか?

NEWSLETTERS

エンタープライズコンピューティングの最前線を配信

ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]