| |
今回は左側にサムネイル写真を表示し、右側に
拡大写真を表示するスライドショーの勉強です。
|
|
| １ |
事前準備:
①500×375ピクセルの写真を12枚準備する
②同じ写真で67×50ピクセルに縮小したものも同じく12枚準備する
③BGM用のMIDIファイルも下記サイトから入手しておく
日本の童謡･唱歌 世界の民謡･名歌
↓ |
|
| ２ |
下の図のようにMy-HPのフォルダー内にslide2というフォルダーを作る
更にその中にphotoというフォルダーを作り、上記の①、②の写真をその中に入れる
↓ |
|
| ３ |
下記２つのファイルを｢右クリック｣で｢対象をファイルに保存｣でslide2内に保存する
slide2.html、tenji23.js
bgm_button.js、img_n089.gifとblue7.jpgはslideのフォルダーからslide2のフォルダーに
コピーし、上記③の音楽ファイルもslide2のフォルダーに入れる
上記のslide2.htmlをクリックすればサンプルが動作します。
↓ |
|
| ４ |
slide2.htmlをTeraPadで開き、写真のコメントなどを編集します
音楽ファイル名なども編集します
この操作は、勉強会当日に説明致します。
↓ |
|
| ５ |
リンクを繋ぎ直しします(トップページとslideなどの子ページ間相互の設定)
Wordでリンクしても、『ぽいっとHTML』はちゃんとリンクができなくなります。
従って、自分でフォルダーのレベルを意識してリンクし直します。 |
|
