建站帮助

诚信合作, 高质专业!

Phpcms v9自定义多图上传组图排序的方法

2018-12-17 22:05:51 浏览 我要评论

在具体CMS二次开发过程中,碰到一个需求:Phpcms v9多图上传后不能自定义排序,当图片比较多的时候,怎么样才能方便地对组图自定义排序呢?今天CMSYOU在这里分享Phpcms v9自定义多图上传组图排序的方法。

方法一:新增序号字段,后台填写数字保存序号到数据库,前台自定义按序号调用。

具体截图:

Phpcms v9组图字段自定义排序功能组件

这一方法具体应用:Phpcms v9组图字段自定义排序功能组件,大家可以购买该组件,实现自定义Phpcms v9组图排序。具体介绍请移步到模板插件栏目。

方法二:新增上移下移按钮,在多图上传后实现排序。

具体方法:

1、找到“phpcms/modules/content/fields/images/form.inc.php”,在第8行左右找到:

在后面增加以下代码:

2、找到statics/js/content_addtop.js文件,在js末尾加入以下代码:

function moveUp(obj){  
    var current=$(obj).parent();  
    var prev=current.prev();  
        if(prev){
            current.insertBefore(prev);  
        }
}
function moveDown(obj){
    var current=$(obj).parent();
    var next=current.next();  
    if(next)  {  
        current.insertAfter(next);  
    }  
}

这两段js的功能是基于jQuery实现第一步里边新增的2个按钮的对应函数:上移、下移。

3、新增对应语言包字段:

找到phpcms/languages/zh-cn/content.lang.php,在41行后面插入以下代码:

$LANG['remove_up'] = '↑上移';
$LANG['remove_down'] = '↓下移';

这样新增的2个按钮就有对应中文了。

修改之后,更新缓存、刷新浏览器缓存,具体测试~

最后,希望大家喜欢CMSYOU今天的分享,具体Phpcms v9自定义多图上传组图排序的方法你会了吧~

我要收藏
点个赞吧
相关标签:

相关阅读

本月热门

精选推荐

在线客服

扫一扫,关注我们

扫一扫,关注我们