我正在网上商店工作,它有一些产品图片
像这样:
但我想要这样:
不介意溢出我在滚动条上工作,我知道如何解决这个问题
显然我知道我可以用css做到这一点!
但宽度需要根据图像的大小来计算。
一幅图像宽度为68像素,因此如果有12幅图像,则宽度需要为816像素。
这是我尝试过的一些代码:
(仅限第一个<ul>
代码)
<ul class = "listimages" style="width:<?php Echo $this->getGalleryImages() * 68;?>;">
<?php $i = 1; foreach ($this->getGalleryImages() as $_image): ?>
<li>
<a href="#fancy-zoom-gallery-image-<?php echo $i; ?>" class="fancy-zoom-gallery-link" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($this->getThumbWidth(), $this->getThumbHeight()); ?>" width="<?php echo $this->getThumbWidth(); ?>" height="<?php echo $this->getThumbHeight(); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
</li>
<?php ++$i; endforeach; ?>
</ul>
最好的方法是什么?
我没有很多关于PHP的经验,但我知道一些基础知识。
溶液
<ul class = "listimages" style="width:<?php echo count($this->getGalleryImages()) * 68 ?>px;">
感谢Francios B的回答!
答案 0 :(得分:3)
使用len
,您可以计算要显示的图像数量。
<ul class = "listimages" style="width:<?= count($this->getGalleryImages()) * 86 ?>px;">