<div id="prettyphoto" align="left"> <a href="http://images.idealer1.com/getimage/999/<?php echo $image['vpid'] ?>.jpg" rel="prettyPhoto[gallery2]"><img src="http://images.idealer1.com/getimage/700/<?php echo $image['vpid'] ?>.jpg" width="100" alt="" /></a>
<ul class="gallery clearfix">
<?php foreach ($images as $image) { ?>
<li><a href="http://images.idealer1.com/getimage/999/<?php echo $image['vpid'] ?>.jpg" rel="prettyPhoto[gallery2]"><img src="http://images.idealer1.com/getimage/100/<?php echo $image['vpid'] ?>.jpg" width="100" alt="" /></a></li>
<? } ?>
</ul>
</div>
我正在尝试使用缩略图的这个foreach循环并排除第一张图像并将其加载为更大的图像我似乎无法找到实现此目的的正确方法。
答案 0 :(得分:4)
您可以使用array_shift()
:
<?php $firstImage = array_shift($images); ?>
<!-- do something with $firstImage -->
<?php foreach ($images as $image): ?>
...
<?php endforeach; ?>
或者如果您不需要对第一张图片的引用,array_slice()
:
<?php foreach(array_slice($images, 1) as $image): ?>
...
<?php endforeach; ?>
另请注意alternative syntax for control structures的使用,这使得阅读PHP和HTML的混合更容易(但与您的问题无关)。
答案 1 :(得分:1)
您可以“手动”迭代数组,使用next(),current()等:
<?php
$images = array(
array('vpid' => 1, ),
array('vpid' => 2, ),
array('vpid' => 3, ),
array('vpid' => 4, ),
);
$image = current($images);
?>
<div id="prettyphoto" align="left"> <a href="http://images.idealer1.com/getimage/999/<?php echo $image['vpid'] ?>.jpg" rel="prettyPhoto[gallery2]"><img src="http://images.idealer1.com/getimage/700/<?php echo $image['vpid'] ?>.jpg" width="100" alt="" /></a>
<ul class="gallery clearfix">
<?php
next($images);
while(list($idx, $image) = each($images)) { ?>
<li><a href="http://images.idealer1.com/getimage/999/<?php echo $image['vpid'] ?>.jpg" rel="prettyPhoto[gallery2]"><img src="http://images.idealer1.com/getimage/100/<?php echo $image['vpid'] ?>.jpg" width="100" alt="" /></a></li>
<? } ?>
</ul>
</div>
阅读:http://www.php.net/manual/en/function.each.php
使用array_shift(),你可以“松散”第一张图片(你必须在完成后将其重新放入)。
使用array_slice()可以复制数据,这通常是不好的做法。
答案 2 :(得分:0)
你可以从中得到一些想法:
foreach($array as $key=>$value)
{
if($key==0)
echo "code for the large image";
else
echo "code for the thumbnail image";
}