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>

干杯

Answer 1

我回答了jQuery，因为你标记了它。我认为如果通过PHP

做得更好

以下是演示：http://jsfiddle.net/jomanlk/zrWHA/

它使用了段落，但原理相同

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

Answer 2

将它从foreach改为for，你有一个准备好的计数器。像这样使用它：

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

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

2 个答案: