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

[あなたは、真実は何も知らない.。
マニアックな記事あり、でもフェークは書きません。
信じるも信じないもカラスの勝手です。
しかも、信じても救われることはほぼ、
ありませんので悪しからず]


テーマ:

 

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

の解説、第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ブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。