Amazon提供のRSSフィードをGoogle AJAX Feed APIで取得して表示
:デモ 03 (大きな画像とテキストリンクを表示)

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

デモ 03 (大きな画像とテキストリンクを表示)
例 : 親の id="jimuguri_ama_rss" は style="width:400px;" を指定し、画像が縦に並ぶようにしています。

※ numImgHeight = 500; と指定してますが、Amazon側で大きな画像を用意していない場合、指定の値 (ここでは縦 500px) よりも小さな画像が表示されます。

↓はソースの一部の抜粋:調整・指定できるパラメータの例です。
↓ HTML
<div id="jimuguri_ama_rss" style="width:400px;"></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   = 5;      // 表示する数 最高:10
var bolRandom        = true;   // true:ランダムにする / false:ランキング順
var bolTextLink      = true;   // true:テキストのリンクをつける / false:つけない
var strElmId         = 'jimuguri_ama_rss';  // 表示させたい場所のタグの id
var numImgHeight     = 500;    // 画像の高さ (px) 最高:500 ※単位は記述不可
var numDispWidth     = 400;    // 表示させる横幅 (px) ※単位は記述不可
var numDispHeight    = '';     // 表示させる高さ (px) ※単位は記述不可
var cssOffsetWidth   = 'auto'; // 横方向の位置調整    ※ % や px で指定・マイナス値も可能
var cssOffsetHeight  = '0';    // 縦方向の位置調整    ※ % や px で指定・マイナス値も可能
var strAmaTrackingId = '●●●●●-22';  // 自身の AmazonトラッキングID
				

cssファイルを見る