javascript - 出力画像リンクを JavaScript でフィルタリングする

Question

wordpressでprettyPhotoライトボックスを使用しています

そして、デフォルトのprettyPhotoサムネイルの代わりに150pxのワードプレスギャラリーサムネイルが必要です（サムネイルとして大きな画像を使用しています）

これはサムネイルを作成するコードです

for (var i=0; i < pp_images.length; i++) {
    if(!pp_images[i].match(/\b(jpg|jpeg|png|gif)\b/gi)){
        classname = 'default';
        img_src = '';
    }else{
        classname = '';
        img_src = pp_images[i];
    }
    toInject += "<li class='"+classname+"'><a href='#'><img src='" + img_src + "' width='75' height='75' alt='' /></a></li>";
};

そして、これは画像リンクの出力です

<img src="http://127.0.0.1/wordpress/photopname1.jpg" width="75" height="75" alt="">
<img src="http://127.0.0.1/wordpress/photopname2.gif" width="75" height="75" alt="">
<img src="http://127.0.0.1/wordpress/photopname3.png" width="75" height="75" alt="">

出力はこのようにする必要があります

<img src="http://127.0.0.1/wordpress/photopname1-150x150.jpg" width="75" height="75" alt="">
<img src="http://127.0.0.1/wordpress/photopname2-150x150.gif" width="75" height="75" alt="">
<img src="http://127.0.0.1/wordpress/photopname3-150x150.png" width="75" height="75" alt="">

画像拡張子「-150x150」の前に追加

ありがとうございました ：）