我自己使用的主题 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
赏
oooo
or
- 本文标题:随机显示缩略图片的简单方法
- 本文链接:https://zww.me/archives/25237
- 发布时间:2010年08月10日 10:18
- 版权声明:除非注明,文章均为 zwwooooo 原创,转载请以链接形式标明本文地址!
貌似我真的可以做一次沙发,呵呵 :) 这个我暂时没有用到。
@郑永
刚看完那进1000+ 刷一下竟然没沙发了
@郑永 用到时再参考
以前用类似的原理做过随机背景图显示 ~~
@阿修 嘿嘿,这方法简单
板凳!!
@Kars 地板啦
我博客速度慢,不敢弄太多图片。
@囧啊囧 换主机吧
@zwwooooo
VPS还有半年才到期呢,不能换。
缩略图我随意不随机 哈哈
@Afio 各有各的玩法
效果是不错 不过 我博客确实有些慢了 不敢再多加东西了
@ifenwen 其实博客最大的问题还是主机
呵呵 很有用 先学习一下 mark一下~以后可能还是用得着的~
@球犯 呵呵,用时来
早用上了
@winy 对于你是小意思啦
根据你的招数,回去试一试~
呵呵,能学到不少有意思的东西呀
@leyeang 慢慢折腾
高科技,不懂。
@离鸣 不是什么高科技
我的博客图片蛮多的·加载已经比较慢了··就不敢这么折腾了··
我也同意少加点图片为妙
@哲哲 呵呵,折中一下
@hzlzh 适量吧
以后有时间试试吧。应该用处挺多的。
@猪八戒的博客 对啊
加了清爽的菜单呢~~~nice...
貌似我开启WP Super Cache以后判断浏览器的语句会失效..
@MOPVHS 会吗?没试过,我的博客不需要这个缓存插件
收藏下,虽然我的博客是不使用缩略图的
@hizyw 以后用得着再折腾
嗯,我昨天才吧阿修大哥那个的加上,自动提取缩略图的,应该就是最后一点不同,如果文章木有图片,就调用随机产生的图图了 可是不懂PHP不会整合啊,现在只能显示一张默认图片。。
@Mucid 其实就加个判断而已
不同的主题都可以用着方法的吧?
@磁粉离合器 可以,方法跟主题没关系
留着以后再看吧,现在看不懂,呵呵
@软件盒子 需要时就懂了
终于写出教程了
你的回复后未刷新的头像我肯定是你路径错误了,我也用了jquery.lazyload.js这个,但是我没出现那情况,你的头像路径是
http://img.imzww.com/gravatar/cache/avatar/c42b95c9a16aac4380123568a545e9f9
@洁 非常对,最近头晕,已更正
的确很好玩,喜欢解决问题的思路
@Ygs 简单的方法解决问题