jQuery - 计算图像，然后包装一定的数量

Question

即时通讯使用wordpress开发一个网站...即时通讯以一种非常自定义的方式做模板，即时通讯正在运行我自己的查询，以获取所有来自wordpress后端的图像。

我的作品完美地展示了他们中的每一个，但我想要做的是正常显示6张图片，然后将所有其余部分包裹在一个div中。这可能吗？

的代码，我此刻如下：

$query = "SELECT * FROM wp_ngg_pictures WHERE galleryid = '1'"; 
$fp_banners = $wpdb->get_results($query, OBJECT); 

foreach ($fp_banners as $banners): 
    <img src="/wp-content/gallery/frontpage/<?php echo $banners->filename; ?>" alt="image description" width="773" height="432" /> 
endforeach; 

我想要做的是显示第6正常，然后被前6后添加任何被包裹在自己的容器，因此，例如，如果我有添加8个图像到后端，生成的代码看起来像这样

<img src="image.jpg" alt="image description" width="773" height="432" /> 
<img src="image.jpg" alt="image description" width="773" height="432" /> 
<img src="image.jpg" alt="image description" width="773" height="432" /> 
<img src="image.jpg" alt="image description" width="773" height="432" /> 
<img src="image.jpg" alt="image description" width="773" height="432" /> 
<img src="image.jpg" alt="image description" width="773" height="432" /> 
<div> 
    <img src="image.jpg" alt="image description" width="773" height="432" /> 
    <img src="image.jpg" alt="image description" width="773" height="432" /> 
</div> 

从欢呼的foreach

Answer 1

我回答了jQuery，因为您将它标记为这样。我觉得这是更好，如果通过PHP做

这里有一个演示：http://jsfiddle.net/jomanlk/zrWHA/

它使用段落，但同样的道理

$('img:gt(5)').wrapAll('<div>'); 

Answer 2

其更改为和你有一个counte准备好了。像这样使用它：

$query = "SELECT * FROM wp_ngg_pictures WHERE galleryid = '1'"; 
$fp_banners = $wpdb->get_results($query, OBJECT); 

foreach ($i = 0; $i < $wpdb->num_rows; $i++): 
    if ($i == 6) { 
    echo '<div>'; 
    } 
    ?> 
    <img src="/wp-content/gallery/frontpage/<?php echo $banners->filename; ?>" alt="image description" width="773" height="432" /> 
    <?php 
endforeach; 

if ($i > 5) { 
    echo '</div>'; 
}