アメブロでは自作動画のアップロードはスマホカラのみでたった1分だけ
 
スライドはCSS編集できるヘッダーとフリースペースだけ。
 
アメブロ記事内にhtmlタグだけで スライド出来ないものか
 
と調べてみました。
 
出来るんです。
 
marqueeを使いましょう!
 
シンプルに言うと文章や写真をmarqueeで
 
挟むだけなんです。速さや方向も変えれますよ。
 
写真は同じサイズの方がいいですよ。
 
<marquee>文字や画像</marquee>
 
例 下の三枚の写真(サイズ100px100px)を横に流す。
 
     
 
タグをHTML表示にして貼り付けるだけです。
 
<marquee direction="left" height="100" scrolldelay="50" width="100"><img src="https://stat.ameba.jp/user_images/20190710/22/mimicocoaus2000/38/9d/p/o0100010014498284907.png">ミミちゃんカワ(・∀・)イイ!!<img src="https://stat.ameba.jp/user_images/20190710/22/mimicocoaus2000/67/ba/p/o0100010014498291396.png">ココちゃん 大好きだよ❣<img src="https://stat.ameba.jp/user_images/20190710/22/mimicocoaus2000/d8/3e/p/o0100009914498283277.png">パディちゃん 賢すぎ!</marquee>
ダウン
 
ミミちゃんカワ(・∀・)イイ!!ココちゃん 大好きだよ❣パディちゃん 賢すぎ!

 

 

速度はscrolldelayとscrollamountで調節できます。

delayは遅れるという意味なので scrolldelayの数値が大きいと速度が遅くなります。

scrollamountは何ピクセル移動するかという意味。この値が大きくなれば 速くなります。

 

 

それから、方向も変えれます。

directionは left(右→左),

 

right(左→右), up(下→上) down(上→下)で変えれます。

 

 

例 上の写真3枚を上から下に流してみます。

 

 

このタグをHTML表示にして貼り付けると

 

 

<marquee direction="down" height="100" scrolldelay="50" width="100"><img src="https://stat.ameba.jp/user_images/20190710/22/mimicocoaus2000/38/9d/p/o0100010014498284907.png">ミミちゃんカワ(・∀・)イイ!!<img src="https://stat.ameba.jp/user_images/20190710/22/mimicocoaus2000/67/ba/p/o0100010014498291396.png">ココちゃん 大好きだよ❣<img src="https://stat.ameba.jp/user_images/20190710/22/mimicocoaus2000/d8/3e/p/o0100009914498283277.png">パディちゃん 賢すぎ!</marquee>

 

 

 

 

ミミちゃんカワ(・∀・)イイ!!ココちゃん 大好きだよ❣パディちゃん 賢すぎ!

 

 

 

 

 

 

 

 

面白いので 試してみてください。