asinプラグイン画像なしamazon商品の代替画像を表示する

asinプラグイン amazon商品と画像のリンクを生成するを使うとasinからamazon商品の画像リンクを簡単に作成できるのですが、該当商品の画像がないと1×1サイズの画像が表示されてしまいます。

そこで sbで行こう Amazon の商品画像を入れ替える（改）を参考にして、画像のないamazon商品の代替画像を表示する私なりのasin.js(javascript)を作成してみました。このasin.jsは asinプラグインのアーカイブに同封しておきましたのでダウンロードしてお使いください。

asin.jsは Prototype JavaScript Framework Class-style OO, Ajax, and more を必要とします。asin.jsを使うときはprototype.jsも合わせて指定してください。

<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="asin.js"></script>
</head>

ページ内すべての画像なしリンクを代替画像に置き換えるときはbodyタグのonload属性を次のように追加します。

<body onload="Asin.noImages('<代替画像のURL>');">

特定の画像なしリンクを代替画像に置き換えるときはaタグのonload属性を次のように追加します。

<img onload="Asin.noImage(this,'<代替画像のURL>');" src="http://images-jp.amazon.com/images/P/4939128008.01.MZZZZZZZ.jpg">

次のようにaタグのid属性を指定することもできます。

<script>
  Asin.noImage('image','<代替画像のURL>');"
</script>

Asin.noImagesとAsin.noImageとも代替画像のURLを省略すると次の画像を表示します。

最新の画像［もっと見る］

DEVELOPMENTOR*LEARNING RESOURCE LAB.