上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

今回も見た目はまったく変わっていませんがパフォーマンスがちょっとだけ向上



JavaScript

var imgURL = "http://blog-imgs-32.fc2.com/s/o/m/soma1080/";
var mainImgs = ["twitter.png","google.png","flickr.png","facebook.png"];

// 画像のプリロード
for( i=0; i<=mainImgs.length-1; i++){
	image = new Image();
	image.src = imgURL + mainImgs[i];
}

function change( pictNo ){
	document.mainImg.src = imgURL + mainImgs[ pictNo ];
}

※HTML,CSSは変更していないので割愛


変更点は5~8行目に追加された画像のプリロードで、これが追加されたことによってページが読み込まれた直後から画像の切替がサクサクと切り替わるようになります。前回のテコいれ版ではサムネイルがクリックされてから画像を取得する動作になっていたので初回クリックの反応がわずかに遅れる感じがしていたのですが、画像を先に読ませることによってストレスなく画像が切り替わるようになるわけです。

Comment
Trackback













管理者にだけ表示を許可する

Comment form

openclose

カテゴリ一覧

そま宗助

  • Author:そま宗助
  • タイ生まれのちょっと変な?日本人。
    農学博士の父とブラジル日系1世の母の間に生まれたため、普通の日本人とはちょっと違う視点で世界を見つめる男。

    最近、勉強会やカンファレンスにちょいちょい顔出ししてます。

    読書週間継続中?

    ストレングスファインダー
    1.収集心
    2.学習欲
    3.共感性
    4.指令性
    5.運命思考
プロフィール

※注意書き※
当ブログに掲載されているJavaScriptの動作確認はFirefoxでのみ行っております。他ブラウザでの動作に関しては保障できませんのでご注意ください。






1キロバイトの素材屋さん
フリーエリア
FC2カウンター

名前:
メール:
件名:
本文:

メールフォーム

Page Top

Powered by FC2 Blog |

FC2Ad

| Template Design by スタンダード・デザインラボ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。