Question

我有一个动态产品表，每行有4个产品。我正在使用CSS而不是html表。我正在寻找一种方法将每行上的所有4个图像更改为不同的URL，并在所有其他行上执行相同的操作。

这样做的原因是使用4个子域作为CDN，以便更快地下载。

这可能吗？我还很小，所以需要一些帮助。

以下是我的代码，图片部分为<img class="lazy" src="/images/loading.gif" data-original="<?=resize($i['image'],$settings)?>" width="170" height="250" alt="" /> 您会注意到我正在使用数据原始，因为我正在使用lazyload，$ 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;
    }

Answer 1

您需要更改返回图像路径的函数。

<?php

function resize(..., ...) {

    static $i = 0;

    $i++;

    if ($i == 5) {
        $i = 1;
    }

    return "http://cdn{$i}.domain/images/blah.gif";

}

?>

如何更改每行4个产品的每个图像的图像URL？

1 个答案: