ホームページミックス攻略講座～画像をアニメーションさせよう！～

ホームページミックスでは、画像をアニメーションさせながら表示させることができます。
まずは、こちらのページをご覧ください。

▼タイトル文字のアニメーション表示例
http://www.hpmix.com/home/mick/E5.htm

タイトルがアニメーションすることで、ページの「活発な感じ」や、訪れた人への「歓迎感」が感じられるようになったと思いませんか？

			画像を設定したいページで「画像の追加」をクリックします。

			画像を選んで、配置します。

			2.で選んだ画像をクリックして、画面右を編集モードにします。

			「アニメーション効果」ボタンをクリックします。

			効果の種類を選び、スライダーで切り替えスピードを設定します。「繰り返す」にチェックを付ければ、ループするアニメーションになります。

上記参考ページでは、文字画像にアニメーションを設定していますが、写真にもアニメーションを設定することができます。
ただしその場合は、写真を必ず「画像の追加」ボタンで読み込んでください 。
「写真の追加」ボタンで読み込んでしまうと、アニメーションは設定できません。
注意してくださいね。

▼写真にアニメーションを設定した例
http://www.hpmix.com/home/mick/A2_10.htm

通常のHTMLによるホームページ作成では、画像をアニメーションさせる場合、自分でその画像をコマごとに編集して、アニメgifというファイルを作らなければなりません。
これはちょっと手間のかかる作業です。
一方、ホームページミックスは、このアニメgifを自動的に作ってくれちゃうというわけ。お手軽・便利ってことですね。

このページの内容は、株式会社ジャストシステムが発行する月刊メールマガジン『ミックスパーク・プレス』で連載されていた「ホームページミックス攻略講座」に掲載されていたものを一部加筆・改訂したものです。