临沂seo_临沂网站优化-临沂专业seo服务

     临沂seo在易企cms论坛上看到关于易企官网的banner图片轮播效果介绍的帖子[原文地址：http://www.yiqicms.com/forum/forum-viewthread-tid-593-highlight-%E5%9B%BE%E7%89%87.html]，下面整理一下原文修改一些地方，可以实现banner图片轮播效果。

一.
把此压缩文件下载下来
[下载地址] （右击“目标另存为”即可）
解压后，把里面的RS文件夹复制到templets下你使用的模板的文件夹里。

二、用DREAMWEAR或其他编辑软件打开templets下你使用的模板的文件夹里面的header.tpl文件

找到<meta name="copyright" content="copyright 2009-2010 YiqiCMS.com all rights reserved." />
在这段代码和</head>之间的代码用以下这段来代替

<script type="text/javascript" src="{$siteurl}/templets/{$templets->directory}/rs/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="{$siteurl}/templets/{$templets->directory}/rs/js/jquery.smallslider.js"></script>
<link href="{$siteurl}/templets/{$templets->directory}/images/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="{$siteurl}/templets/{$templets->directory}/rs/css/smallslider.css" media="screen" />

三、找到<div class="slider"><img src="{$siteurl}/templets/{$templets->directory}/images/banner.jpg" alt="" title="" /> </div>这段代码
用下面代码替换掉（也就是默认的图片样式代码）
 <div id="banner" class="smallslider">
<ul>
<li><a href="图片链接地址" target="_blank"><img src="{$siteurl}/templets/{$templets->directory}/rs/images/banner01.jpg" alt="图片文字说明"  title=""/></a></li>
<li><a href="图片链接地址" target="_blank"><img src="{$siteurl}/templets/{$templets->directory}/rs/images/banner02.jpg" alt="图片文字说明"  title=""/></a></li>
<li><a href="图片链接地址" target="_blank"><img src="{$siteurl}/templets/{$templets->directory}/rs/images/banner03.jpg" alt="图片文字说明"  title=""/></a></li>
</ul>
{literal}
<script type="text/javascript">
$("#banner").smallslider({onImageStop:true,time:8000});
</script>
{/literal}
</div>

注：红色字体部分为需要修改的地方：
1、href="图片链接地址" 图片链接地址为图片连接的地址。
2、alt="图片文字说明"  图片文字说明就是图片显示的文字。
3、banner01.jpg、banner02.jpg即图片名称，banner图片保存在模板文件夹rs/images/里面。

效果演示：http://www.92jieyitong.com/