首页 > 建站教程 > CMS教程 > phpcms >  为PHPCMS“多图片”字段添加排序功能正文

为PHPCMS“多图片”字段添加排序功能

        PHPCMS自带组图功能无排序功能,特别是需要对图片和说明排序时很不方便,通过此方法可实现组图排序。先看下效果图:

为PHPCMS“多图片”字段添加排序功能

        本方法不仅仅能够在添加文章时,排序,还能在前台调用时,按照设置好的排序效果来依次调用。

        新增“上移”和“下移”的按钮

        找到“phpcms/modules/content/fields/images/form.inc.php”,打开:

        在第八行的<a href=\"javascript:remove_div('image_{$field}_{$_k}')\">".L('remove_out', '', 'content')."</a>后插入以下代码:
| <a href=\"javascript:;\" onClick=\"moveUp(this)\">".L('remove_up', '', 'content')."</a>
| <a href=\"javascript:;\" onClick=\"moveDown(this)\">".L('remove_down', '', 'content')."</a>   

        新增语言项

        找到“phpcms/languages/zh-cn/content.lang.php”,打开:

        在41行后面插入以下代码:
$LANG['remove_up'] = '↑上移';
$LANG['remove_down'] = '↓下移';

        新增移动函数

        找到“statics/js/content_addtop.js”,打开:
        在文件末尾加入以下代码:
function moveUp(obj){  
    var current=$(obj).parent();  
    var prev=current.prev();  
        if(prev){
            current.insertBefore(prev);  
        }
}