ホームページ上でアニメーションを表示したい。

  • # ホームページ制作について
  • Eye99
  • UserOKAMOTO
  • Calender2019/09/10

解決
済み

GIFデータをアップロードして貼り付けても、ホームページ上では静止画になりアニメーションになりません。
静止画にしかならないのでしょうか。

追記:
2019.9.11
kentaさんが,2012-07-27 18:32:57に同様の質問「アニメーション画像投稿に関して」に対し回答していてくださいました.

みんなの回答を見る

  • Userhiguita
  • Calender2019-09-11 16:42:57

自己解決されたようですが・・・

私も気になったので「アニメーション画像投稿に関して」の回答を基に試してみたところ、
ページを開いただけでgifアニメーションが動くようにできました。

手順は以下のとおりです。

1)管理画面から[各ページの編集]で適当なページを選択します。
2)適当な記事(本来画像が必要ない記事がいいかもしれません)の[画像を選択する]をクリックします。
3)挿入したいgifファイルを選択します。
4)[上記の内容で設定]をクリックします。
5)設定したgifファイルの[クリックで画像を拡大]をチェックします。
6)[上記の内容で設定]をクリックします。
7)[ホームページを確認]ボタンをクリックします。
8)設定したgifファイルを右クリックし、[リンクをコピー]を選択します。
※[リンクをコピー]はブラウザによって「リンクのURLをコピー」などになるので、それっぽいのを選択してください。
9)メモ帳などのテキストエディタでキーボードの「ctrl」キーを押しながら「v」を押して、8でコピーしたURLを貼り付けます。
10)貼り付けたURLに以下のHTMLタグを付け加えて加工します。
コピーしたURLが「https://●●●.jp/●●●.gif」の場合、

<img alt="" src="https://●●●.jp/●●●.gif">

とします。
11)管理画面から[各ページの編集]で動くgifを掲載したい記事を開きます。
12)右上の「HTML」アイコンをクリックします。
13)ウィンドウが開くので、10で加工したHTMLタグを貼り付けます。
14)[OK]をクリックして、[上記の内容で設定]をクリックします。

これで、[ホームページを確認]ボタンをクリックするとgifが動いていると思います。

gifが動いていることを確認したら、2で選択した記事の編集画面を開いてgif画像右側の[画像なし]をクリックして、[上記の内容で設定]をクリックすると、動かないgifが表示されなくなります。
※注意!
[画像削除]をしてしまうと、動くgifも消えてしまうので、必ず[画像なし]にする必要があります。

ちょっと大変かもしれませんが、HTMLモードが使えるページであれば、この手順で動くgifが設定できるみたいです。

記事を編集する
  • UserOKAMOTO
  • Calender2019-09-12 07:09:05

higuita 様


「クリックするとアニメーションします」で良いか、と思っていました。

詳細な対応方法のご返信、有難うございます。
ホームページ作成の初心者ですが、トライしてみました。
上手くいきました。

記事を編集する
次のページ