WordPress不一样的幻灯片
很早就像给主题加一个幻灯片功能了，但是一直没找到心仪的幻灯样式，看到倡萌自留地哪里的幻灯片比较喜欢，但是由于个人技术不行，看了很久的Hcms主题代码都没看透，于是熬夜随意赶制这个不同寻常的幻灯片功能，感觉样子还算过的去，也很少在博客中看到这样的样式，有那么点小另类，但是效果在那里，我也无耻写个小教程，算是记录之，省的以后折腾主题又要重新摸索。
滑动式切换卡片，仅仅使用了很少一点的js和css，兼容IE6，效果十分不错
因为主题各不相同，我在这里仅以Weisay & Hicms两款主题为例
下载幻灯所必须的文件，请点击这里
下载后解压得到slider.php和slider.js，将这个两个文件上传到主题目录内
在主题的想要插入幻灯的地方中插入该功能：
<?php include(TEMPLATEPATH . '/slider.php'); //幻灯片 ?>
一般插入改功能的地方为“首页模板（常见为index.php或者loop.php）”
slider.php文件的相对路径，如果你将slider.php上传在了主题目录下的 “a” 文件夹下，那么调用时，需要变为用“/a/slider.php”
然后再在主题中引用js文件，编辑主题header.php文件，并在</head>标签结束前，插入下方代码：
<script src="<?php bloginfo('template_directory'); ?>/slider.js"></script>
完成后，将下方css样式复制到主题的style.css内：
/*幻灯片*/ li{list-style:none;} a:link,a:visited,a:active{color:#333;text-decoration:none;} a:hover{color:#08A5E0;} .pic img{width:210px;height:200px;} #box{width:700px;margin:10px auto;} #container{position:relative;height:172px;z-index:0;} #container .item{position:absolute;top:0;left:0;width:492px;height:174px;overflow:hidden;background:#FFF;border:1px solid #ddd;z-index:1;opacity:1;} #container .item .pic{float:left;width:210px;height:150px;display:inline;margin:10px;} #container .item .pic img{width:210px;height:150px;vertical-align:top;padding:1px;border:1px solid #CCC;} #container .item .txt{float:left;width:250px;margin-top:12px;} #control{height:20px;text-align:center;} #control span{width:30px;height:5px;font-size:0;line-height:0;cursor:pointer;display:inline-block;background-color:#FEFEFE;border:1px solid #BCC1C5;margin:13px 2px 2px;} #control span.active{background-color:#848484;border:1px solid #6E6E6E;}
完成上方操作后，刷新看一下吧，样式可能不适合你的主题，你自己慢慢修改吧，嘿嘿
特别提醒，此幻灯片已开启timthumb.php自动图片裁剪功能，如果不需要，可以打开slider.php，在第8行，删除掉“<?php bloginfo('template_directory'); ?>/timthumb.php?w=210&h=150&src=”即可
不错，来瞅瞅
有没有演示效果？
难道我首页的那个幻灯片加载不出来么？
你的效果演示捏？点击图片没有反应啊 :eek:
我了个去，我博客的首页难道没有？
我以为是文章页面的效果，没有到是首页的 :eek:
效果还行吧，嘿嘿
幻灯片非常酷哇
还好吧，搜了一堆代码，就是打开的有点慢，要在网页打开后等上2秒左右才能展开全部选项卡，有空我仔细研究一下，看看能不能再提速提速
这技术男又发飙了
这个东西还需改进，，我打算给我主题改版一下，正好元旦有时间折腾，这两天补课，这个要先放一下了
确实有点小另类，话说你logo上面怎么有个白条
我加上去的…
真hi~~
效果不错，挺酷的~ :oops:
还是没有那些高手写的程序顺畅，我这个应该还要提速，我不会了…
:mrgreen: :mrgreen: 这效果我喜欢
嘿嘿，我不容易啊
厉害啊！ :smile:
找了不少代码，真够憋屈。。。
不错，不过幻灯片通常是用到CMS模版里的了。
慢慢来，我这个主题被我折腾成个人cms估计是迟早的事
祝福朋友们身体健康，福运连连，欢笑天天，平安年年!
你首页的这个幻灯片挺不错的。
我也正在找一个幻灯片，放在我博客的右边当广告的。
可是，你这个肯定是不适合的，
我想找一个图片大小可以自己控制的，然后可以自己添加链接的。
帮我留心一下看看 :razz:
你去一些网页特效网站看看，我一般都是在：http://www.csrcode.cn/html/txdm/或者http://www.iiwnet.com/js_web/这里看的，当然还有别的地方，百度一下很多的撒
折腾不容易呀
我用是从淘宝上抠下来的 样式还算不错 不过就是没弄标题 就有光秃秃的图片
你那个播放到5后，不是从1再开始的额
人在不在呢，我看你换了几个幻灯片，还是喜欢第一个，应该就是你这个教程的幻灯片了，可是我加了，没显示，还有显示的内容是显示什么的？
你没有在首页调用吧…
当然有的，在index.php和header.php都有调用，不行，对你，你的博客回复不会提示邮件，你QQ多少，以前加过的，找不到了你的QQ了。
你没有收到邮件提醒？我不知道，按道理应该有的…
这次回复就有了!
弄了一下，没成功，放上以后主题的所有文字都看不到了
@ai024：自己看着代码调整啊。。。
@Tokin：放上以后整个主题都看不到了，就只能看到logo
对了，怎么写入主题首页缩略图？
我的主题是官方上下载的elegantwhite这个主题
百度一下吧，三言两语结束不清楚
@Tokin：恩，谢谢了
貌似文件的最后一句有问题，看看呗 :wink: :wink: :wink: :wink: :wink:
@斌果：很久之前写的，当时啥也不会，用众多代码拼凑出来的这个东西，陈余代码多的不行，也有几处重复调用，本来想改文章，后来就忘了，再后来就懒的改了
@Tokin：好吧，听说四人帮分家了？
@斌果：只是没住在一起，还是四人帮
@Tokin：我的意思是分开住了，但还是一家，看樱桃和樱桃红都有，每天晚上看，顺便上上QQ
@斌果：不对，回复错了…
这个东西我用的时候没什么错误啊，哪里不对，你贴上来吧
@Tokin：就是调用的时候是一篇空白，然后最后一句放在DW里会提示错误
@斌果：好吧，我在线等邮件
@斌果：好吧，这个问题没有发现，哪里错的，你改一下就是了…
好吧，我不会js
@斌果：{new Youa("box")};?有问题
@斌果：好吧，博客版的QQ真好玩
下载不了！分享已取消！！！
文件貌似被我不小心删除了。。。