0

我有一个动态产品表，每行有 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="" /> 您会注意到我使用的是原始数据，因为我使用的是延迟加载，$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;
    }
4

1 回答 1

0

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

<?php

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

    static $i = 0;

    $i++;

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

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

}

?>
于 2013-05-05T00:34:49.487 回答