单个PHP循环-从每个循环输出特定内容到2个单独的区域.(WordPress)


Single PHP Loop- output specific content from each into 2 seperate areas. (WordPress)

在PHP (wordpress)中,我知道如何制作一个基本的循环-但是我不太确定如何制作单个查询并将其输出到2个独立的区域,如下所示:

<div class="slides_container"> 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-3-2x.jpg" width="366" alt="1144953 3 2x"></a> 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-1-2x.jpg" width="366" alt="1144953 1 2x"></a> 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-2-2x.jpg" width="366" alt="1144953 2 2x"></a>                 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-4-2x.jpg" width="366" alt="1144953 4 2x"></a> 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-5-2x.jpg" width="366" alt="1144953 5 2x"></a> 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-6-2x.jpg" width="366" alt="1144953 6 2x"></a> 
                <a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="img/1144953-p-2x.jpg" width="366" alt="1144953 P 2x"></a> 
            </div> 
            <ul class="pagination"> 
                <li><a href="#"><img src="img/1144953-3-2x.jpg" width="55" alt="1144953 3 2x"></a></li> 
                <li><a href="#"><img src="img/1144953-1-2x.jpg" width="55" alt="1144953 1 2x"></a></li> 
                <li><a href="#"><img src="img/1144953-2-2x.jpg" width="55" alt="1144953 2 2x"></a></li> 
                <li><a href="#"><img src="img/1144953-4-2x.jpg" width="55" alt="1144953 4 2x"></a></li> 
                <li><a href="#"><img src="img/1144953-5-2x.jpg" width="55" alt="1144953 5 2x"></a></li> 
                <li><a href="#"><img src="img/1144953-6-2x.jpg" width="55" alt="1144953 6 2x"></a></li> 
                <li><a href="#"><img src="img/1144953-p-2x.jpg" width="55" alt="1144953 P 2x"></a></li> 
            </ul> 
        </div> 

基本上我需要了解如何使两个内容区域"匹配",所以如果我要运行一个随机查询,#3锚将匹配UL中的#3 Li。我需要运行"forEach"吗?

这是一个jQuery滑块,所以List元素只是主体部分的导航缩略图。

有人知道吗?

我在这里做了一些假设-但基本上您可以使用两次foreach循环-第一次填充初始HTML "a"链接,第二次循环填充li.

例如,如果您的数组名为items,并且每个元素包含4个键值对,您可以这样做:

<div class="slides_container"> 
<?php
foreach ($items as $i) {
    ?>
    <a href="http://www.zappos.com/{$i['url_slug']}" target="_blank"><img src="img/{$i['img_name']}" width="366" alt="{$i['alt_text']}"></a>
    <?php
}
?>
</div> 
<ul class="pagination">
<?php
foreach ($items as $i) {
?>
    <li><a href="#"><img src="img/{$i['img_name']}" width="55" alt="{$i['alt_text']}"></a></li> 
    <?php
 }
 ?>
 </ul> 
 </div> 
使用两个循环:
<?php
$output = '<div class="slides_container"> ';
for ($i = 0; $i < count($results); $i++){
 $output .= '<a href="http://www.zappos.com/pro-keds-royal-plus-lo-grey" target="_blank"><img src="'.$results[$i]['imageSrc'].'" width="366" alt="'.$results[$i]['alt'].'"></a>';
}
$output .= ' </div> 'n't <ul class="pagination"> ';
for ($i = 0; $i < count($results); $i++) {
$output .= '<li><a href="#"><img src="'.$results[$i]['imageSrc'].'" width="366" alt="'.$results[$i]['alt'].'"></a></li> ';
}
$output .= '</ul> </div> ';
echo $output; 
?>

这是假设你有一个数组的数组的结果:

results=array(
[0] =>array
 (
   "imageSrc"=>"some image url",
   "alt"=>"some alt text"
 )
)