アマゾン商品のサムネイル(amazon アソシID付き)が流れる簡単な
仕掛けの解説です。
iframe の中で MARQUEE を使っています。
こういうのを設置します。
nagareru_amz.html の中身はこんな感じ。自動生成しています。
(画像URL中の「.01.」と「.09.」に注意。後者が日本の本など。)
§
Flash を用いてサムネイル画像を自動スクロールする「流れる写真集(仮)」というのがあって、あちこちのWebサイトで使われています。
まだ正式には公開されていないようなのでリンクはしませんが、「MARQUEE はいやだ!」という方はそちらをどうぞ。
§
追記050316: asamarquee
<http://tokuhirom.dnsalias.org/~tokuhirom/cl/2005-03-13-7.html>
仕掛けの解説です。
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>
この記事に言及しているこのブログ内の記事