第11回ホームページ勉強会
第33日目2022年02月10日(資料は再改定)
今回の勉強はテロップ付きのスライドショーです
前回、第32日目(自宅学習5：1/27)の勉強回では『css だけで作る スライドショー・フォトギャラリー』というページの3D回転スライドショーを改造したアプリを使ってみましたが、今回はフェードイン・アウト型スライドショー(テロップ入り)を自分でダウンロードして使ってみましょう。
下図が、このスライドショーを使った『花の百名山 田代山』です。
|
 田代山の木道から眺めた会津駒ケ岳 帝釈山から眺めた燧ケ岳 イワカガミ／タテヤマリンドウ オサバグサ／ミツバオウレン 一面のお花畑／一面のワタスゲ
|
事前準備：600×338px(16:9)の写真5枚です。
フェードイン･アウト型スライドショー(テロップ入り)の説明資料(再改定版)です。
上記のテロップ付きスライドに説明、BGM、戻り先等を追加した事例はここをクリック
写真のテロップ付き切り替えの改造事例版はここをクリックすると表示されます。
(左上の写真で小さい写真を10枚表示するようにcssを変更しています。)
|
600×450pxの10枚表示も作りました。ここをクリックすると説明資料が開きます。
 |
| |
 |
2022-02-12 資料再改訂：三宅 節雄 |
|