Question

以下是我遇到问题的情况：

我在页面上有一个包含25个方块（div！）的Wordpress页面。

我想随机填充方块： - 来自随机帖子的缩略图 - 或红色的背景色调（这种红色可能会有所不同）

约束： - 我有PHP代码用随机的帖子缩略图填充方块。有用。我只需要随机化哪些方块来获取这些缩略图。 - 有25个方格。其中20个将拉缩略图，另外5个将生成红色背景色。

如何使用PHP / jQuery实现此目的？

我想也许我应该把方程中的所有代码编程到某些方块中，通过硬编码获取内容。然后使用JS来随机化这些方块的顺序？

嗯。但是获取缩略图的方块包含PHP代码，因此难以管理。

任何想法？

编辑：这是一些代码：

正方形只是ID为1 - 25的div：

<div class="square" id="1"> 

        </div>

和用于检索缩略图的PHP代码（必须出现在div中才能获取缩略图）：

<?php 
            $args=array(
            'showposts' => 1,
            'orderby'=>rand,
            'posts_per_page' => 25,
           'category__in'=>4,3,5,8,6,7
           );
            query_posts($args);
            if (have_posts()) : while (have_posts()) : the_post(); ?>
            <?php $do_not_duplicate[] = $post->ID; ?>
          <div class="post" id="post-<?php the_ID();?>"> 

            <!-- thumbnail wrapper -->
            <div class="thumb main"> 

              <!-- 235150image-covers -->
              <?php $image = get_post_meta($post->ID, 'thumbnail', true); ?>
              <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="" class=""/></a> 
              <!-- 235150image end --> 


            </div>
          </div>
          <?php endwhile; ?>
          <?php endif; ?>

使用CSS，红色的背景颜色很简单。

思想？

Answer 1

我认为你在寻找的是

shuffle（$ array）

首先用拇指填充数组20，然后用颜色填充5，然后随机播放。

更多 http://www.php.net/manual/en/function.shuffle.php

PHP / jQuery随机填充正方形的内容

1 个答案: