php - 各行の 4 つの製品の各画像の画像 URL を変更する方法は?

Question

各行に 4 つの製品を含む動的な製品テーブルがあります。HTMLテーブルではなくCSSを使用しています。各行の 4 つの画像すべてを異なる URL に変更し、他のすべての行で同じことを行う方法を探しています。

これは、4 つのサブドメインを CDN として使用してダウンロードを高速化するためです。

これは可能ですか？私はまだ非常に若いので、助けが必要です。

以下は私のコードで、画像セクションは <img class="lazy" src="/images/loading.gif" data-original="<?=resize($i['image'],$settings)?>" width="170" height="250" alt="" /> 次のとおりです。遅延ロードを使用しているため、データオリジナルを使用していることに気付くでしょう。$settings は、キャッシュされたバージョンの画像を作成するために使用されます。

これが私のコードです...

if($viewing=='retailer'){
if($i['category']!=$categoryCheck){?>
<div id="sub-sub"><?=$i['category_name']?></div>
<?
$categoryCheck = $i['category']; $y=1;
}?><? } ?>


        <div class="package"<?=$y==4?' style="margin-right:0;"':''?><?=$y==1?' style="clear:left;"':''?>>
            <div class="package-img"><a rel="nofollow" target="_blank" href="<?=$buyLink?>">


            <?php $settings = array('w'=>170,'h'=>250,'canvas-color'=>'#ffffff'); ?>
<img class="lazy" src="/images/loading.gif" data-original="<?=resize($i['image'],$settings)?>" width="170" height="250" alt="" />

<noscript><img src="<?=resize($i['image'],$settings)?>" width="640" heigh="480"></noscript>
<? /* <img src="<?=$i['image']?>" width="640" heigh="480"> */ ?>
            </a></div>

            <div class="name"><a rel="nofollow" target="_blank" href="<?=$buyLink?>"><?=$i['item_name']?></a></div>
                    <div class="price"><p>&pound;<?=$i['price']?></div>         
            <a href="<?=$buyLink?>"><div class="mrtl rtl<?=$i['retailer']?>"></div></a>

            <div class="retailer-image"><a href="<?=$buyLink?>"><img src="/images/retailers/<?=$i['retailer_logo']?>" width="140" heigh="46" /></a></div>


                    </div>
        <?
        $y = $y==4 ? 1 : $y+1;
    }