第一步：下载myfocus样式效果
1、将http://myfocus-js.googlecode.com/svn/trunk/myfocus-1.2.4.min.js 下载到CMS的JS文件夹
2、在http://myfocus-js.googlecode.com/svn/trunk/pattern/内下载你想要的风格样式到JS和CSS文件夹内。（js后缀的文件下载到JS目录下，CSS后缀的下载到CSS目录下，如你的cms没有css目录可以在根目录下新建css文件夹）我们以mF_fscreen_tb这个风格为例。
3、进入后台找到图片系统绑定的图片内容页模板，打开，在<HEAD></HEAD>之间插入代码
<script type="text/javascript" src="/js/myfocus-1.2.4.min.js"></script>
<script type="text/javascript" src="/js/mF_fscreen_tb.js"></script>
<link href="/css/mF_fscreen_tb.css" type="text/css" rel="stylesheet" />
第二步：找到cms的config文件夹里面的Picturelabel.xml文件，用记事本打开，
找到<label name="style4">这一行，
删除
<label name="style4">
<![CDATA[
和
]]>
</label>
之间的代码，并插入如下代码
<script type="text/javascript">
myFocus.set({
id:'tu',
pattern:'mF_fscreen_tb',
time:3,
trigger:'click',
width:420,
height:300,
txtHeight:'0'
});
</script>
<div id="tu" style="visibility:hidden">
<ul class="pic">
{$ShowThumbList}
</ul>
此处注意设置宽和高。
第三步：回到后台，更新缓存，添加图片，搞定！
效果如图：
补充：在Picturelabel.xml文件内系统自带 style1、style2、style3、style4这四种样式，可以按照上面所说的分别修改代码，然后把后台/images/default/p1.gif 和/images/default/p2.gif 和/images/default/p3.gif的缩略图替换一下，后台就很清楚啦！
当前位置：
chinalooke 发表于：2011/7/30 16:11:06 | 只看该作者 查看该作者主题
楼主 
支持(0) | 
反对(0)
顶端 
底部
![电子邮件:[ sunwe@126.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
