アマゾンの商品画像を更新する : Amazonブログパーツ jQueryプラグイン

より高度な活用方法　jQuery AjaxAmazon.js プラグイン

通常はブログパーツで十分ですが、より高度な設定を利用したい場合は、このブログパーツで利用している、jQuery というJavascriptライブラリと、AjaxAmazon.js というjQueryプラグインを直接利用することもできます。この二つのJavascriptファイルを、ブログなどにアップロードして、ページに埋め込みます。 javascript のプログラミングができるユーザ向けです。

AjaxAmazon プラグイン設置方法

AjaxAmazonを利用するためには、ブログなどにjavascriptを設置できることが条件になります。

1. jQuery のダウンロード

jQueryは、自由に利用可能なオープンソースのライブラリです。以下のjQueryの公式ページから、最新のjQueryファイルをダウンロードしてください。jquery-1.2.6.min.jsなどのファイルになります。

Downloading jQuery - jQuery JavaScript Library

ダウンロードしたファイルを、自分のブログにアップロードしてください。ファイルをアップロードしたら、そのファイルのURLを以下に入力してください。

2. AjaxAmazon.js のダウンロード

Amazonの商品画像をチェックして、画像が存在しない場合は、汎用的な画像URLに変換するjQueryプラグインです。これにより、多くの商品の画像が表示されるようになります。最新版を以下からダウンロードできます。

jquery.ajaxamazon.js

jQueryと同じく、ダウンロードしたファイルを、自分のブログにアップロードしてください。ファイルをアップロードしたら、そのファイルのURLを以下に入力してください。

1. 画像サイズを選択

表示するアマゾンの商品画像サイズを選んでください。

小中大

3. プラグインを利用するためのHTML記述

プラグインを利用するには、以下のコードを、HTMLの<head>内に記述します。