| １ |
事前準備
皆さんのMy-HPというホームページのフォルダー内に下記の図のように『slide』というフォルダーを作り、更にその中に『imgというフォルダーを作り、
800×600ピクセルの写真：8枚
01.jpg～08.jpg という名前にしておく
同じ写真でサイズを150×112ピクセルに変えた写真：8枚
01s.jpg～08s.jpg という名前にしておく
をimgフォルダー内に入れておきます。
↓
|
| ２ |
『My-HP』内のフォルダー『Slide』の中に、slide.html、shut.mp3、quality3.js、back3.gif、home.gif、blue7.jpgを右クリックで『対象をファイルに保存』で夫々ダウンロードし、保存する。なおslide.htmlの拡張子はhtmlにすること。
↓
|
| ３ |
slide.htmlをTeraPadで開き、編集する
編集については当日説明します。
↓
|
| ４ |
編集後slide.htmlをダブルクリックして写真が一覧表示され、中央下のスライドショーをクリックで高画質写真展示が表示されれば完成です。
↓
|
| ５ |
トップページのindex.htmlを開き、slide.htmlにリンクを張ります。
張り方は、当日説明します。
|
| ６ |
今回の写真スライドショーのサンプルはこちらです。
上記２．のslide.htmlを右クリックではなくダブルクリックしても実行されます。 |
