Amazon提供のRSSフィードをGoogle AJAX Feed APIで取得して表示
:デモ 01 (サムネイルを並べる)

※ このページでの jQuery は、Google AJAX Libraries API からロードしています。

デモ 01 (サムネイルを並べる)
例 : 親の id="jimuguri_ama_rss" は style="width:160px;" を指定し、画像が縦に並ぶようにしています。

↓はソースの一部の抜粋:調整・指定できるパラメータの例です。
↓ HTML
<div id="jimuguri_ama_rss" style="width:160px;"></div>

↓ JavaScript 内で、取得する RSS や表示のさせ方を調整
arrUrlAmaFeed.push('http://www.amazon.co.jp/gp/rss/new-releases/dvd/ref=zg_bsnr_dvd_rsslink');
arrUrlAmaFeed.push('http://www.amazon.co.jp/gp/rss/bestsellers/books/13384021/ref=zg_bs_13384021_rsslink');
var numEntriesShow   = 10;     // 表示する数 最高:10
var bolRandom        = true;   // true:ランダムにする / false:ランキング順
var bolTextLink      = false;  // true:テキストのリンクをつける / false:つけない
var strElmId         = 'jimuguri_ama_rss';  // 表示させたい場所のタグの id
var numImgHeight     = 160;    // 画像の高さ (px) 最高:500 ※単位は記述不可
var numDispWidth     = 160;    // 表示させる横幅 (px) ※単位は記述不可
var numDispHeight    = 160;    // 表示させる高さ (px) ※単位は記述不可
var cssOffsetWidth   = 'auto'; // 横方向の位置調整    ※ % や px で指定・マイナス値も可能
var cssOffsetHeight  = '0';    // 縦方向の位置調整    ※ % や px で指定・マイナス値も可能
var strAmaTrackingId = '●●●●●-22';  // 自身の AmazonトラッキングID
				

cssファイルを見る