Typecho 幻灯片调用 不烦恼cms 插件实现

发布时间:2013年06月19日 / 分类:网络编程 / 17,805 次围观 / 抢沙发!

1、首先需要下载 安装不烦恼cms 插件。

 

2、在需要添加的位置 加上代码

的是在主题的  sidebar 文件加入

<script type="text/javascript" src="/usr/plugins/FancyCaptcha/latest-jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript"> var $s = jQuery.noConflict(); </script>
<script type="text/javascript" src="/usr/themes/new/gai.js"></script>

<div class="jBox">
<div id="slide">
    <div class="round-box-inner roll-box floatleft aligncenter" style="width:280px; height:225px; overflow:hidden; padding:3px;">

      <div id="slideshow-index" style="width:275px; height:205px; overflow:hidden;"> 
    <?php BufannaoCms_Plugin::slideShow()->to($slider)?>
<?php while($slider->next()): ?>
 <a href="<?php $slider->permalink(); ?>" target="_blank"><img src="<?php  $slider->firstImageUrl(); ?>" alt="<?php $slider->title();?>" title="<?php $slider->title();?> " width="275" height="260"/></a>  
 <?php endwhile; ?>
    </div>
    </div>
 
    <script type="text/javascript">//<![CDATA[
    //$j(document).ready(function(){
      $s("#slideshow-index").slideshow({pauseSeconds:4.5, width:275, height:205, after:true});
    //});
    //]]></script>
   

</div>
</div>
 

我的是用jq 来控制幻灯的。 引入jq库。

 

js控制也行, 实现的重点是  $slider->firstImageUrl();  取出图片连接

 

我美工不好,随便弄了,效果如右侧幻灯  大家可以参考,美化。。

标签:没有标签呢

赞 (2) 本文链接: http://www.xiangguoqi.cn/read/1871.html [复制分享 ](转载时请保留 )



↑上一篇:教你怎样看一个人,很有用的!
↓下一篇:使用BlueScreenView解析Windows蓝屏原因 无觅关联推荐,快速提升流量
热评文章
默认:长尾词库
猜你喜欢
文章分类
最新文章
最近回复
    岁月痕迹