1*1の透過gifを別画像に変更する方法

質問

アマゾンWEBサービスを使ってデータをアマゾンからとってくるプログラムを書いています。
アマゾンで商品画像が用意されていないやつは1*1の透過gifへのリンクが張られています。
この透過gifを自作の"NO IMAGE"のgif画像にjavascriptで変更したいのです。

下記のようなスクリプトがあったのでこれを利用しようとおもってるのですが、どうもclass="side"をいれると正常に動作しないのですがなぜでしょう？
このCSS記述がなければ正常に動作するのですが、これはわけあってはずすことができません。

----------------------------------------
<img src="商品画像のURL" onload="replaceImage(this)" class="side" />

----------------------------------------
----------------------------------------
function replaceImage(img) {
if (img.width == '1' && img.src.match(/\.01\./)) {
img.src = 'img/no_img.gif';
} else if (img.width == '1') {
img.src = img.src.replace('.09.','.01.');
}
}
----------------------------------------

どなたか、良い解決方をご教授いただけますようお願いいたします。

回答No.2

Manuel · ベストアンサー

padding:2pxが原因だと思います。
paddingで指定したpx分がimg.widthに追加されるので、
＞if (img.width == '1' && img.src.match(/\.01\./)) {
の文のimg.width == '1'をimg.width == '5'
と（2+1+2で5）すれば動くはずです。

お礼

ありがとうございました！
おかげさまで無事動きました。
こんなところに問題があったとは完全に私の見当違いでした。
まだまだ勉強不足です。

回答No.1

Manuel

.sideの内容はどいうものですか？

補足

画像に枠をつけようと思っています。
下記のようなCSSとなります。

.side {
background-color: #FFF;
border:solid 1px #999;
padding: 2px;

}