利用myfocus更改系统自带的图片内容显示效果申请加精！-领先建站CMS提供服务商我们专注于CMS建站产品的研发

4181 查看	5 回复

主题：[分享]利用myfocus更改系统自带的图片内容显示效果申请加精！ [收藏主题]

转到：

chinalooke 当前离线

113 主题	16 广播	1 粉丝

级别:一年级

用户积分:244 分
登录次数:160 次
注册时间:2010/9/16
最后登录:2018/7/5

chinalooke 发表于：2011/7/30 16:11:06 | 显示全部帖子查看该作者主题楼主

做线上考试培训就选#科汛网校

第一步：下载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的缩略图替换一下，后台就很清楚啦！

科汛商学院助您快速入门

支持(0) |

反对(0)

顶端

底部

＜上一主题 | 下一主题＞

首页 1