网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> 动易专区 >> SiteFactory教程 >> 正文
最新文章
· 三个文件四行代码解决SiteWeaver6.8编
· 会员中心添加视频,FLASH前台不显示
· 网页中加入背景音乐
· 安装网站时提示数据库相关错误解决办
· 批量替换数据库挂马字段内容
· 动易系列软件产品4.7版本发布
· 动易系列软件产品4.6版本发布
· 标题中的符号导致焦点图不显示
· 导航条当前栏目按钮加亮效果详解
· 自定义模型内容页访问地址添加参数的
热门文章
 学习动易SF标签常用的XSLT <xsl:te
 在SiteFactory™后台制作、管
 SiteFactory自定义模型建立操作教程
 学习动易SF标签常用的XSLT元素
 标签出错,提示原因“缺少根元素”
 SiteFactory标签参数
 SiteFactory标签制作流程——最新头
 SiteFactory标签制作流程——最新头
 自定义模型内容页访问地址添加参数
 SiteFactory学习笔记
相关文章
动易系列软件产品4.7版本发布
动易系列软件产品4.6版本发布
BizIdea4.5正式版版新增功能及更新
SiteFactory4.5正式版版新增功能及更新
SiteFactory4.0正式版版新增功能及更新
关闭SiteFactory和BizIdea登录后台以后出
动易.NET产品3.6版1028更新
BizIdea3.6版新增功能及更新
SiteFactory3.6版新增功能及更新
动易.NET产品3.5版0428更新
SiteFactory3.5版新增功能及更新
BizIdea3.5版新增功能及更新
BizIdea3.1.6版新增功能及更新
SiteFactory3.1.6版新增功能及更新
解读SiteFactory修改成GB2312的编码
SiteFactory学习笔记
动易网站重复内容检测清理器
仿香港凤凰网文章心情投票
SiteFactory自定义模型建立操作教程
动易创始人WEBBOY谈关于动易模板标签的设
SiteFactory内容页实现点击图片浏览下一页
来源:动易论坛 更新时间:2010/1/29 10:15:19 阅读次数:
字体:[ ] 我要投稿

浏览正文的时候,点击图片可以直接跳到下一个,很多网站都有这样的功能,论坛上也有很多人需要此效果但都一直没人做出来,现应广大人民群众的要求,特地将教程做出。

第一步:打开内容页模板,确定正文容器的ID,以SF3.1默认文章模型模板为例,<div class="c_content_overflow" id="fontzoom">的ID即为fontzoom。

第二步:确认内容页模板HEAD是否引用了JQ库,否则插入:<script language="javascript" type="text/javascript" src="{PE.SiteConfig.ApplicationPath/}JS/jquery.pack.js"></script>

第三步:找到正文分页标签,以默认文章模型模板为例,{PE.Page id="内容分页" datasource="contentpage" span="span"/}为“内容分页”标签,修改该分页标签

第四步:在标签模板最后插入以下脚本

<script type="text/javascript">
jQuery().ready(function(){
    var rep = 0;
    jQuery("#fontzoom img").each(function(){
        var _width = jQuery(this).attr('width');
        if(_width > 300 && !rep){
            jQuery(this).wrap('<a href="'+ {$nexturl/} +'"></a>').attr('alt', '点击图片浏览下一页');
            rep += 1;
        }
    });
});
</script>

其中jQuery("#fontzoom img").each(function(){ 的fontzoom替换为第一步所找到的ID
_width > 300的300为添加链接图片的最小宽度,小于此宽度则不加链接
如果您懂JQ,选择器也可以使用其他方法

第五步:保存,该生成的生成,该更新缓存的更新缓存。

第六步:让我们一起高呼:伟大的受万人尊敬的小娃老师万岁!

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号