夏日博客

A-A+

phpcms幻灯片的调用

2016年08月14日 PHP开源系统 暂无评论 阅读 7 views 次

phpcms自带了图片幻灯片的效果，实际上就是整合了 js 文件在模板里面，一般都是和 phpcms 的推荐位结合来用，推荐的缩略图显示到幻灯片里面，因为更换了phpcms的模板，所以在调用的时候直接把默认 default 里面的代码给拷贝过来了，结果发现用不了，原来只是调用了代码，缺少了 js 和 css 这些样式，调用整个幻灯片应该连 js 和 css 样式完整的都拷贝过来才行，看如下的整个代码如下:

  1. <link href="http://localhost/statics/css/default_blue.css" rel="stylesheet" type="text/css" />  
  2. <script type="text/javascript" src="http://localhost/statics/js/jquery.min.js"></script>  
  3. <script type="text/javascript" src="http://localhost/statics/js/jquery.sgallery.js"></script>  
  4. <!--main-->  
  5. <div class="main">  
  6.     <div class="col-left">  
  7.         <div class="slide">  
  8.             <div class="FocusPic">  
  9.             {pc:content  action="position" posid="1"  order="listorder DESC" thumb="1" num="5"}  
  10.                 <div class="content" id="main-slide">  
  11.                     <div class="changeDiv">    
  12.                     {loop $data $r} //xiariboke.net  
  13.                         <a href="{$r['url']}" title="{str_cut($r['title'],30)}"><img src="{thumb($r['thumb'],310,260)}" alt="{$r['title']}" width="310" height="260" /></a>  
  14.                     {/loop}  
  15.                     </div>  
  16.                 </div>  
  17.             {/pc}  
  18.             </div>  
  19.             <div class="bk10"></div>  
  20. <script type="text/javascript">   
  21. $(function(){  
  22.     new slide("#main-slide","cur",310,260,1);//焦点图  
  23.     new SwapTab(".SwapTab","span",".tab-content","ul","fb");//排行TAB  
  24. })  
  25. </script>  

如果有一个页面需要调用多个幻灯片的话，就多拷贝中间的 div 代码就行了，当然还有最下面对应的 js 文件，里面都有对应的图片宽高度，用着的时候直接调用就OK了。

标签：

给我留言