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. 郑永 says:

    貌似我真的可以做一次沙发,呵呵 :) 这个我暂时没有用到。

    1. Afio says:

      @郑永
      刚看完那进1000+ 刷一下竟然没沙发了 :shock:

    2. zwwooooo says:

      @郑永 用到时再参考

  2. 阿修 says:

    以前用类似的原理做过随机背景图显示 :wink: ~~

    1. zwwooooo says:

      @阿修 嘿嘿,这方法简单

  3. Kars says:

    板凳!!

    1. zwwooooo says:

      @Kars 地板啦

  4. 囧啊囧 says:

    我博客速度慢,不敢弄太多图片。

    1. 囧啊囧 says:

      @zwwooooo
      VPS还有半年才到期呢,不能换。

  5. Afio says:

    缩略图我随意不随机 哈哈 :grin:

    1. zwwooooo says:

      @Afio 各有各的玩法

  6. ifenwen says:

    效果是不错 不过 我博客确实有些慢了 不敢再多加东西了

    1. zwwooooo says:

      @ifenwen 其实博客最大的问题还是主机

  7. [...] This post was mentioned on Twitter by Kars, zwwooooo. zwwooooo said: 随机显示缩略图片的简单方法 http://goo.gl/fb/Vwcgz [...]

  8. 球犯 says:

    呵呵 很有用 先学习一下 mark一下~以后可能还是用得着的~ :lol:

    1. zwwooooo says:

      @球犯 呵呵,用时来

  9. winy says:

    早用上了 :razz:

    1. zwwooooo says:

      @winy 对于你是小意思啦

  10. leyeang says:

    :smile: 根据你的招数,回去试一试~
    呵呵,能学到不少有意思的东西呀

    1. zwwooooo says:

      @leyeang 慢慢折腾

  11. 离鸣 says:

    高科技,不懂。

    1. zwwooooo says:

      @离鸣 不是什么高科技

  12. 哲哲 says:

    我的博客图片蛮多的·加载已经比较慢了··就不敢这么折腾了··

    1. hzlzh says:

      我也同意少加点图片为妙

    2. zwwooooo says:

      @哲哲 呵呵,折中一下

  13. 以后有时间试试吧。应该用处挺多的。

  14. MOPVHS says:

    加了清爽的菜单呢~~~nice...

    貌似我开启WP Super Cache以后判断浏览器的语句会失效..

    1. zwwooooo says:

      @MOPVHS 会吗?没试过,我的博客不需要这个缓存插件

  15. hizyw says:

    收藏下,虽然我的博客是不使用缩略图的 :razz:

    1. zwwooooo says:

      @hizyw 以后用得着再折腾

  16. Mucid says:

    嗯,我昨天才吧阿修大哥那个的加上,自动提取缩略图的,应该就是最后一点不同,如果文章木有图片,就调用随机产生的图图了 :razz: 可是不懂PHP不会整合啊,现在只能显示一张默认图片。。

    1. zwwooooo says:

      @Mucid 其实就加个判断而已

  17. 不同的主题都可以用着方法的吧?

    1. zwwooooo says:

      @磁粉离合器 可以,方法跟主题没关系

  18. 留着以后再看吧,现在看不懂,呵呵

    1. zwwooooo says:

      @软件盒子 需要时就懂了

  19. says:

    终于写出教程了

  20. says:

    你的回复后未刷新的头像我肯定是你路径错误了,我也用了jquery.lazyload.js这个,但是我没出现那情况,你的头像路径是
    http://img.imzww.com/gravatar/cache/avatar/c42b95c9a16aac4380123568a545e9f9

    1. zwwooooo says:

      @洁 非常对,最近头晕,已更正

发表评论

昵称 *

网址

B em del U Link Code Quote