教程：实现文章列表缩略图显示多张 - WeCenter 社交化知识问答社区程序

该问题已被锁定！

9: 关注

4345: 浏览

教程：实现文章列表缩略图显示多张

教程

修改位置：static/js/app.js 找到.eq 这个.eq()的方法只能取单行。如果想实现取多行数据的话，可以用.slice()方法，如.slice(0,4)这就会取出前4张图片。但是，这时间如果文章中只有两张图片的话，那排版出来很难看，那怎么办呢，加一个条件语句：

if ($(this).find('.all-content img').length >= 4)
            {
                $(this).find('.markitup-box').prepend($(this).find('.all-content img').slice(0,4).addClass('pull-left inline-img'))//BORA:.slice(0,4)指从0行开始输出至第三行的图片
            }
			else 
			{
				$(this).find('.markitup-box').prepend($(this).find('.all-content img').eq(0).addClass('pull-left inline-img'))//BORA:.eq 只能输出指定的某一行图
			}

意思是表达：当内容长度大于4（即有4张图片时）则输出4张图，如果内容中图片少于4个，那只输出第1张图

QQ图片20160826152811.png

这里感谢，Apper的提示，我在他指出的基础上进行了完善

好问题 1 评论收藏举报

AI智能回复搜索中，请稍后...

查看全部 3 个回答

NBA菜鸟初级会员用户来自于: 广西南宁市
2016-08-26 18:41

感谢楼主，谢谢说明细节！楼主能否分享完整代码，不包括中文解析的？

赞同 0 1评论

关于作者

: zanbocm 初级会员
这家伙很懒，还没有设置简介

21: 回答

1: 文章

13: 问题

问题动态

发布时间: 2016-08-26 15:12

更新时间: 2016-09-05 11:40

关注人数: 9 人关注

相关问题

请问更新了1.1.2版本，如何设置列表分页显示？: 2908 浏览 3 关注 2 回答 0 评论

bug，UC浏览器-使用手机版，用户列表只能访问第一页: 1998 浏览 1 关注 1 回答 0 评论

二次开发问题：调用问题和文章列表页面怎么把附件数据也查询调用出来？: 2099 浏览 4 关注 3 回答 0 评论

新版本不错，但是专题界面有bug额，看图，用户列表搜索无效: 1566 浏览 1 关注 0 回答 1 评论

wecenter 二次开发，问题和文章适用不同的分类: 3699 浏览 9 关注 2 回答 1 评论

请问WeCenter 2.2.5怎样设置用户可发表文章的权限？: 3093 浏览 1 关注 1 回答 0 评论

2.5正式版手机中的文章无法显示，一直在加载中。: 2404 浏览 2 关注 1 回答 0 评论

新增文章快速加入专栏功能: 2806 浏览 4 关注 0 回答 3 评论

『已解决』怎样在发起按钮的下拉列表的问题和文章这里加入一个权限判断，如果用户没有相应权限就不显示相应的选项？: 2237 浏览 1 关注 0 回答 0 评论

怎样修改实现发现和下一页都显示内容和标题: 3449 浏览 2 关注 1 回答 0 评论

推荐内容

问 anwsion是否有官方文档，和quick start教程啊: 3419 浏览 3 关注 1 回答 0 评论

问请问原始的语言文字在哪儿？要怎样替换？: 2752 浏览 1 关注 0 回答 0 评论

问如何修改系统自带的语言文字以及替换语言包？: 12709 浏览 51 关注 7 回答 2 评论

问想到一个功能，听听大家的意见: 2965 浏览 3 关注 2 回答 0 评论

All Rights Reserved Powered BY WeCenter V4.1.0 © 2025 皖公网安备 34019202000400号