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

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

原因是使用4个子域作为CDN以允许更快的下载。

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

以下是我的代码和图像部分是<img class="lazy" src="/images/loading.gif" data-original="<?=resize($i['image'],$settings)?>" width="170" height="250" alt="" /> 你会注意到我使用数据原始的，因为我使用lazyload，$设置用于创建图像的缓存版本。

这里是我的代码...

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; 
    }

来源

2013-05-04 William

所以在每一行我想有4个图像全部用不同的网址... cdn.domain。 COM，cdn2.domain。 com，cdn3.domain。 com，cdn4.domain。 com， – William 2013-05-04 21:39:38

你可以将url添加到每个图像的src中吗？ – 2013-05-04 21:42:24

你需要改变你的函数返回的路径图像。

来源

2013-05-05 00:34:49 Juddling

使用'rand（）'会打败后续页面加载的任何性能增益，因为它会非常受打击和错过浏览器缓存图像 – charlietfl 2013-05-05 09:23:06

真的，我可能不应该在这里添加任何代码，他需要做的只是预先图像路径。即使使用上面更改的代码，它仍然依赖于以相同顺序显示的图像。 – Juddling 2013-05-05 12:08:52

@juddling谢谢你，这让我走上了正确的道路。 – William 2013-05-07 16:40:54

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

回答

相关问题