　次にインターネットの世界にばらまかれた画像ファイル群を先読みし、訪問者のストレスを与えない工夫です。

　先読みしたい画像のURLを登録したJavaScriptファイルをエディターで作成します。ここでは漢字コードは関係ありません。
登録するべき画像のURLに配慮しましょう。少な過ぎては意味がありませんし、多すぎるのもどうかと思います。サムネイルの内の一番小さな画像群は全てを登録するべきでしょう。カラー画像については最新の画像から数点だけで十分であるような気がします。オリジナル画像は登録しないようにしてください。

ファイル名は適当に決めて結構です。但し、公開できるサーバー側のルールに従ってください。　ファイル名は適当にと書きましたが、FTPなどでアップロードしたファイルが、どこのブラウザーからでも参照できなければなりません。全ての文字を小文字にするルールもあるでしょう。
ファイル名を、ここでは、progressbarDATA.js としておきましょう。
決まりましたら、公開できるＨＰにファイルをアップしてください。
そして、ここではＵＲＬとして、
http://members.jcom.home.ne.jp/3385719701/JS2006/p...
となる場所にアップロードしたと仮定します。

戻る

Top

以下がパラメーターファイル progressbarDATA.js のサンプルです。

// imagenamesアレーには、先読みするべき全画像のURLを指定します。
var imagenames=new Array(
'http://users.hoops.ne.jp/madoka_u/pictures/1C/1C28CG.jpg',	// 29日 試作CG
'http://users.hoops.ne.jp/madoka_u/pictures/1C/M/1C28CG.jpg',	// 29日 試作CG
'http://members.jcom.home.ne.jp/3385719701/JS2006/images/2006/02/LiveDoorWiki.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/images/2006/02/LiveDoorBlog_thumb.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/images/2006/02/FC2Blog_thumb.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/February%202006/160_thumb.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/February%202006/102_thumb.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/images/2006/02/LiveDoorWiki_thumb.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/images/2006/02/LiveDoorBlog_thumbS.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/images/2006/02/FC2Blog_thumbS.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/February%202006/160_thumbS.jpg',
'http://members.jcom.home.ne.jp/3385719701/JS2006/February%202006/102_thumbS.jpg',
'http://img02.pics.livedoor.com/002/5/e/5e66c7d187bac38c4324-L.jpg',
'http://img02.pics.livedoor.com/002/6/0/6075d46a4796b0ce997b-L.jpg',
'http://img03.pics.livedoor.com/003/d/2/d2b1439d08ef84e384ea-L.jpg',
'https://image02.seesaawiki.jp/m/s/mmj_aos/622e9763949f0684.jpg',
'https://image02.seesaawiki.jp/m/s/mmj_aos/910d438a2d267679.jpg',
'https://image01.seesaawiki.jp/m/s/mmj_aos/02167389ef040fb4.jpg'
);

戻る

Top

【脱線】：Lightbox JS v2.0を使ってみる / Lightbox Plus を使ってみる　

コメント(0) ｜

カテゴリ：アート/デザイン > 統合画像アルバム構築手順

タグ：javascript

「統合画像アルバム構築手順　【その０３】」をウェブ検索する

2007年01月17日(水) 09:28:55 Modified by mmj_aos

Using only Java Script for ALBUM

筆者 Ujiki.oO のプロフィール

統合画像アルバム構築手順 【その０３】

統合画像アルバム構築手順　【その０３】