2010年08月10日 141条评论

随机显示缩略图片的简单方法

我自己使用的主题 zsnos-private 在 alpha6~alpha9 使用的缩略图中的一种方法就是给没有图片的文章随机显示若干美女图片/广告图片,我所使用的随机显示图片方法是最简单的,最原始的方法,笨方法。

这方法就是用随机函数 mt_rand() 产生一个随机数,然后按照这个随机数显示对应名称的图片。方法虽然原始,但我觉得好用,下面就说说实现方法,也许有朋友和我一样需要这样折腾玩

下面的用随机显示 5 张图片做例子

1. 准备好5张不同的缩略图片放在主题的images目录下,命名为:0.png、1.png、2.png、3.png、4.png

2. 修改主题的 index.php (有些主题是 home.php),找到 <?php the_content() ?>,在其上面加入如下代码:

<?php
$random = mt_rand(0, 4);//随机获取0~4中一个数字付给参数 $random
echo '<a href="'.get_permalink().'" rel="bookmark" title="' . get_the_title(); . '"><img src="' . get_bloginfo('template_directory') . '/images/'.$random.'.png" alt="" /></a>';
?>

3. 如果你用了WordPress 2.9新加的文章缩略图功能,可以结合使用:有缩略图显示缩略图,没有的话显示随机图片

<?php
if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) { ?>
	<a href="<?php the_permalink(); ?>" rel="nofollow">
		<?php echo the_post_thumbnail(array(100,100), array('class' => 'alignleft', 'alt' => 'alttext')); ?>
	</a>
<?php } else {
$random = mt_rand(0, 4);
echo '<a href="'.get_permalink().'" rel="bookmark" title="' . get_the_title(); . '"><img src="' . get_bloginfo('template_directory') . '/images/'.$random.'.png" alt="" /></a>';
} ?>

有兴趣的折腾玩玩,其实很多地方都可以使用,如随机显示背景图……

zww
or
oooo

“随机显示缩略图片的简单方法”有141条评论

  1. Ygs says:

    的确很好玩,喜欢解决问题的思路

    1. zwwooooo says:

      @Ygs 简单的方法解决问题

  2. 就抢网 says:

    博客速度一般,不加东东了

    1. zwwooooo says:

      @就抢网 主机慢的话就尽量少加图片吧

  3. 雅丹 says:

    博客速度有点慢!~

    1. zwwooooo says:

      @雅丹 指我这的?

  4. mice says:

    思路非常OK哇- -...靠..还墙不墙我..爸爸的 :twisted:

  5. 集趣 says:

    这个方式比较好~~也比较简单

    1. zwwooooo says:

      @集趣 有时简单就是最好的

  6. Cat. says:

    你这个随机的图片会不会给浏览器缓存?
    不缓存的话,每次随机到那张图片就要下载一次了.会影响速度

    1. zwwooooo says:

      @Cat. 没研究啊,不过一般打开过的图片浏览器都有缓存吧

  7. 国画 says:

    原来是这样

    1. zwwooooo says:

      @国画 就是这样

  8. Bee君 says:

    WordPress 3 现在好像多了个什么推荐图~

    1. zwwooooo says:

      @Bee君 还没研究……我还是2.9.2

    2. Bee君 says:

      @zwwooooo 还没升级么?

    3. zwwooooo says:

      @Bee君 没……继续坚持一下

  9. 万戈 says:

    缩略图是个好东西,可是一旦缩略就只能是固定的正方形尺寸,那个array的参数根本没鸟用,裁出来的都是正方形 :evil:

    1. zwwooooo says:

      @万戈 哈哈,所以自己控制缩略图的大小吧。

  10. Dianso says:

    你的logo上的数字是什么意思啊

    1. zwwooooo says:

      @Dianso 其实是 JA2 1.13,也就是《铁血联盟2》v1.13

  11. 标志换了。。

    1. zwwooooo says:

      @德意之作 随便做个玩玩

  12. 加了这个怕会影响博客加载速度

    1. zwwooooo says:

      @汽车导航仪哪个好 主机快的话可以忽视

  13. QiQiBoY says:

    我博客还没用到需要随机显示的东西。。 :mrgreen:

    1. zwwooooo says:

      @QiQiBoY 你博客的功能很厉害,我只能远望不敢动手

  14. 蛋卷 says:

    我也没有随机要访问的东西 博主能不能帮我个忙呀

    1. zwwooooo says:

      @蛋卷 简单的可以帮忙,太复杂的没时间啊

    2. 蛋卷 says:

      @zwwooooo 就是和你一样在评论框旁边挂一个 广告

    3. zwwooooo says:

      @蛋卷 如果你嵌套不多(如3层内)那么好办,嵌套多的话就要定义各个嵌套的评论框宽度鸟

  15. zzzhu says:

    随机? 我都是自己做

    1. zwwooooo says:

      @zzzhu 这也是自己做好图片,让它随机显示其中的

  16. 木本无心 says:

    真希望可以来个预览,是你顶部的logo吗?

    1. zwwooooo says:

      @木本无心 前段时间我博客首页出现的美女图片即是,我昨天改了主题了

  17. N says:

    刚用上只显示一张缩略图的代码,又碰到博主的这个,真的太幸运啦~~以用上,谢谢 :lol:

    1. zwwooooo says:

      @N 哈哈,慢慢折腾

  18. TTkea says:

    呵呵,,,才发现原来你也是高手啊~

    1. zwwooooo says:

      @TTkea 我不是高手

  19. 老饕 says:

    呵呵,代码很简单~~先收着了!

    1. zwwooooo says:

      @老饕 嗯,非常简单

  20. 阿邙 says:

    随机美女 :twisted:

    1. zwwooooo says:

      @阿邙 没了,哈哈

    2. 阿邙 says:

      @zwwooooo 这个可以用在宾馆的内部网上 ,随机美女哈哈~ 随机到哪个 哪个来服务 :twisted: :twisted:

    3. zwwooooo says:

      @阿邙 你都想到应用到现实来了,厉害

回复给 zwwooooo ¬
取消回复

昵称 *

网址

B em del U Link Code Quote