宵張ヶ燈

Amazon.co.jp の画像が 1x1 の時

最終更新日

初出

2006-03-20T17:11:28

管理画面の「オススメ」で Amazon.co.jp の商品を選び紹介できるのですが、発売前の商品等では書影等ではなく縦横 1px というあってないような画像をかえされることがあります。

その対策として、 JavaScript で他の画像を出す方法があります。

スクリプトファイル

• Amazon の商品画像を入れ替える - sbで行こう

この場合、ファイルを書き換えるだけで画像を変更できます。便利。

img 要素の中に直接書き加える

上の方法はとても便利ですが、たまに画像が拗ねて出てきてくれないことがあります（環境に因るのかも）。この方法をとってみると、スムーズに置換画像が出てきました。動作確認したのは WindowsXP で、 IE6.0 ・ Firefox1.5 ・ Opera8.5 です。

『百鬼夜行抄 (9)』を例にとって説明します。

<img src="http://images-jp.amazon.com/images/P/425790450X.09.THUMBZZZ.jpg" alt="Amazon.co.jp：百鬼夜行抄 (9)眠れぬ夜の奇妙な話コミックス: 本" />

もとはこう。1px × 1px の画像です。

「読み込んだ時に画像が縦横 1px の場合、他の画像に置き換える」という JavaScript を img 要素に書き加えます。

<img src="http://images-jp.amazon.com/images/P/425790450X.09.THUMBZZZ.jpg" alt="Amazon.co.jp：百鬼夜行抄 (9)眠れぬ夜の奇妙な話コミックス: 本" onload="if(this.width=='1' && this.height=='1') this.src=('画像のURI')" />

見辛いので改行。

<img 

src="http://images-jp.amazon.com/images/P/425790450X.09.THUMBZZZ.jpg" 
alt="Amazon.co.jp：百鬼夜行抄 (9)眠れぬ夜の奇妙な話コミックス: 本" 

onload="if(this.width=='1' && this.height=='1') 
this.src=('画像のURI')" 

/>

これが使用例。

http://images-jp.amazon.com/images/G/09/icons/books/comingsoon_books.gif

このアマゾンの画像を利用しました。

• 参考：Amazonの画像置換 - hail2u.net - Weblog

HTML文書の文法チェックをすると、怒られます。

---