編集部からのお知らせ
「半導体動向」記事まとめ
「リスキリング」に関する記事まとめ

多機能画像ローダー: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 記事を毎朝メールでまとめ読み(登録無料)

特集

CIO

モバイル

セキュリティ

スペシャル

ホワイトペーパー

新着

ランキング

  1. 開発

    なぜ、コンテナー技術を使うことで、ビジネスチャンスを逃さないアプリ開発が可能になるのか?

  2. セキュリティ

    2022年、セキュリティトレンドと最新テクノロジーについて、リーダーが知っておくべきこと

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

    全国1,800人のアンケートから見えてきた、日本企業におけるデータ活用の現実と課題に迫る

  4. 運用管理

    データドリブン企業への変革を支える4要素と「AI・データ活用の民主化」に欠かせないテクノロジー

  5. 経営

    テレワーク化が浮き彫りにしたリソース管理の重要性、JALのPCセットアップを支えたソフトウエア

NEWSLETTERS

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

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

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