(^^♪ 菊次郎のメモ帖 ♬

[覚悟&心意気 (菊次郎の美学)]


テーマ:

 

今回はブログの中でキャラクター画像などを簡単に動かす方法

の解説、第1回めです。簡単ですので是非トライしてみてください。

 

まず、これをするためには編集画面、一番下にあるHTML表示に

切り替えての作業があります。これはプログラム言語を扱える

人はこれでブログ構成してしまします。「通常表示」の裏では実は

「HTML表示」に自動変換しています。

 

さて、本論に入ります。

①下の画像がありますが(何でもOK)これを動かしてみます。

②そうするとこうなりますね。

 

 

 

これは下記のようになります。実は編集画面の下の欄に

「通常表示」と「HTML表示」というのがありますが、「HTML表示」

で編集を行います。

 

①の画像はただの画像なのですがHTMLでは

<img width="54" height="56" alt="" src="http://stat.ameba.jp/user_images/20160718/20/lexbmmb/e9/a5/g/o0054005613700623033.gif" />

のように表現されます。

 

②のように動いている画像はHTMLでは

 

<marquee> <img width="54" height="56" alt="" src="http://stat.ameba.jp/user_images/20160718/20/lexbmmb/e9/a5/g/o0054005613700623033.gif" /> ” 
</marquee>

 

となります。わかりましたね。赤字の部分を書き加えます

 

<marquee>画像</marquee>

 

にすれば画像が動きだすのです。

通常表示で従来どおり画像を入れます。そしてHTML表示に

切り替える。

すると画像のHTML表示が取得できます。これに

<marquee>画像</marquee>を赤の部分をキーボードで入力する。

終わったら通常表示に切り替える。これで画像が動き出し

ます。

 

(注)ここで通常表示ではカーソルが止まって下に続けられなく

なった場合には、HTML表示にしてカーソルの点滅を

最後で点滅するようにしてから通常表示に戻してください。

 

なお、これは下記を参考にして、さらに解説を加えたものです。

http://katus-gifani.sakura.ne.jp/

AD
いいね!した人  |  コメント(0)  |  リブログ(0)

lexbmmbさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

最近の画像つき記事  もっと見る >>

AD

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。