古い記事
ランダムジャンプ
新しい記事
アマゾン商品のサムネイル(amazon アソシID付き)が流れる簡単な
仕掛けの解説です。

iframe の中で MARQUEE を使っています。


こういうのを設置します。
<iframe src="http://nais.to/~yto/var/nagareru_amz.html" 
width="420" height="50" scrolling="no"
marginheight="0" marginwidth="0" vspace="0" hspace="0"
frameborder="0"></iframe>

nagareru_amz.html の中身はこんな感じ。自動生成しています。
(画像URL中の「.01.」と「.09.」に注意。後者が日本の本など。)
<style>img {border:0;height:48px}</style>
<MARQUEE scrollAmount=2 style="margin:0;padding:0">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B00005RIKD/ytosh
omepage-22/ref=nosim" target="_blank"><img src="http://images-jp.a
mazon.com/images/P/B00005RIKD.01.THUMBZZZ.jpg"></a>
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000002GXI/ytosh
omepage-22/ref=nosim" target="_blank"><img src="http://images-jp.a
mazon.com/images/P/B000002GXI.01.THUMBZZZ.jpg"></a>
...
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B00002EPJH/ytosh
omepage-22/ref=nosim" target="_blank"><img src="http://images-jp.a
mazon.com/images/P/B00002EPJH.09.THUMBZZZ.jpg"></a>
</MARQUEE>

§

Flash を用いてサムネイル画像を自動スクロールする「流れる写真集(仮)」というのがあって、あちこちのWebサイトで使われています。
まだ正式には公開されていないようなのでリンクはしませんが、「MARQUEE はいやだ!」という方はそちらをどうぞ。


§

追記050316: asamarquee
<http://tokuhirom.dnsalias.org/~tokuhirom/cl/2005-03-13-7.html>
この記事に言及しているこのブログ内の記事