amazon画像、サイズが1x1だったら……の判断

fusiondb.net

amazonの画像を引っ張ってきて一覧表示している。
で、amazonに画像がない場合（白画像。サイズ1x1）の場合は、用意したデフォルトの画像を表示したい。

現状、RoR内で「画像サイズが1x1ならデフォルト画像」とう処理を入れている。
これが、10データ表示する場合、10の画像を引っ張ってきてサイズ確認して……とやっていると結構処理に時間がかかる。

なので、JavaScript側で処理するように変更。

・画像に discimg[0-9]+ というidをつける。
・$("img[id^='discimg']").length で画像数取得し、forで回す。
・$("img[id^='discimg']").eq(i) とすることで、その画像に要素番号でアクセスできる。
・んでlazyとかでごにょごにょして、data-originを変更。

できた。



参考

http://qiita.com/miiitaka/items/2e546a38b0346e67c995
data-n

http://qiita.com/gonshi_com/items/615226b5fa355869a01c
for文で回すなら

http://www.jqref.net/scan/eq.php
eq(2) で、要素数でアクセス可能

id名を抽出
http://www.jqref.net/selector/attribute.php


要素の属性変更
http://www.buildinsider.net/web/jqueryref/007