タグだけで可能でしょうか。次々と流れ止まる画像。

質問

<marquee scrollamount=3 behavior=slide>
<img src="***.jpg"></marquee>
で、画像(写真）が右から流れてきて左端で止まりますよね。
これを、複数の画像が少し時間をずらして流れてきて、
端で止まる。というようにするのは可能でしょうか？
画像は重なって止まっても、ばらばらに（ただしくっついて）止まっても構いません。
サンプルが見つからないので、わかりにくい説明でごめんなさい。

回答No.3

xruz · ベストアンサー

xruzです。
Ie5で似たような効果が出ないか試してみました。これが限界みたいですね。
scrollamountとpositionをいじくってみました。
（Ie5.5では onmoveend も認識しませんでしたので。。。）

<div style="position:relative">
<marquee scrollamount=4 behavior=slide style="position:relative;left=0px;top:0px">
<img src="a.gif"></marquee>
<marquee scrollamount=5 behavior=slide style="position:relative;left=176px;top:-31px">
<img src="a.gif"></marquee>
<marquee scrollamount=3 behavior=slide style="position:relative;left=88px;top:-62px">
<img src="a.gif"></marquee>
</div>

gifはWIDTH:88px;HEIGHT:31pxを使用しています。

お礼

思いもかけない不規則な動きが面白かったです。
効果的に使えそうです。ありがとうございました。

回答No.2

xruz

こんにちはnorizowさん、xruzです。

Ie6 は beginアトリビュートを認識するそうですので
<marquee scrollamount=3 behavior=slide begin="1s">
と書けば 1秒後から動き始めるそうですよ。
100msと書けば0.1秒後だそうです。

あいにくIe6 の環境が無いので確認できませんでした。
間違っていたら、ごめんなさい(~:~i

お礼

調べていただいてありがとうございました。

回答No.1

noname#21343

こんにちは。

　norizowさんのイメージとは少し違うかもしれませんが。

<marquee scrollamount=3 behavior=slide>のあとに、単純に
<img src="最初の写真.jpg">
<img src="２枚目の写真.jpg">
<img src="３枚目の写真.jpg">
</marquee>

　――と並べてみたら、とりあえず３枚くっついて出てきました。
＃左端まで行くと、３枚がくっついて止まりました。

　ただし、
<marquee>タグはＩＥの独自タグなので、ネスケではうまく表示されません。最初から３枚の写真が左端から並んで表示されるので、気をつけてください。

　参考になれば幸いです。

お礼

これは私もやってみました。くっついて出てくるのではなく、
「少し離れて出てきて止まってくっつく」イメージでした。
わかりにくくてすみません。調べていただいてありがとうございました。