Burada sorun yaşıyorum senaryo:
Ben sayfada 25 kareler (divs!) ile Wordpress sayfa var.
I want to randomly populate the squares with: - either a thumbnail from a random post - or a background shade of red ( this shade of red may vary)
Constraints: - I have the PHP code to populate the squares with a random posts thumbnail. It works. I just need to randomize which squares fetch these thumbnails. - There are 25 squares. 20 of them will pull a thumbnail, and the other 5 will generate a background color shade of red.
Nasıl bu kullanarak PHP / jQuery başarabilirsiniz?
im belki ben bu yüzden bazı kareler kodlanmıştır ile içerik getirme programlanmış meydanında tüm kodu olmalıdır düşünüyordum. Daha sonra bu kareler sırası rastgele için JS kullanabilir?
hmmm. ancak PHP kodu içeren minik getir kareler yüzden bu yönetmek zordur.
herhangi bir fikir?
edit: burada bazı kod:
kareler sadece 1'den kimlikleri ile DIV'leri şunlardır: 25 -
<div class="square" id="1">
</div>
ve PHP kodu üzerlerine almak (üzerlerine almak için bir div içinde görünmesi gerekir) için:
<?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; ?>
kırmızı arka plan rengini CSS ile straightforwards olduğunu.
Düşünceler?
ne gerek gerçekten bu benzer (http://stackoverflow.com/questions/1533910/randomize-a-sequence-of-div-elements-with-jquery)
Ben bunu kontrol edecektir.