maccms获取文章内容中的5张图片(多图列表代码)
以前v8的时候我就做过类似的案例
v8的方法:
{maccms:art num=20 pagesize=12 type=all start=1 order=desc by=time }
<section class="has_action">
<div class="item_detail">
<h3 class="dotdot line3">[art:name]</h3>
<div class="list_image detail[art:num]" >
[art:content]
</div>
<script type="text/javascript"><!-- 关键就在这段jq代码 -->
$(".detail[art:num]").html($(".detail[art:num] img"));$(".detail[art:num] img:gt(3)").remove();</script>
<div class="item_info">
<div> [art:hits] <span class="src space">[art:from]</span>
<span class="cmt space">作者: [art:author]363
<!-- /react-text --></span>
<span class="time" title="[art:addtime]"> [art:addtime]</span>
<span class="dislike-news fr"></span>
</div>
</div>
</div>
</section>
{/maccms:art}
jq代码的用意:这里 直接使用了 [art:content]内容标签,删除class="detail+序号" 的所有HTML标签和文本数据只保留img 标签,再删除第四个img标签以后的内容。然后就只剩下 三个img 标签了,最后使用css设置样式。
控制图片的css代码:
.list_image{height: 100px; width: 100%; overflow: hidden;}
.list_image img{width: 30%;height: 100px;margin-left: 5px;}
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/539
0 评论
2.8k
发表评论
热门文章
自媒体博客Spimes主题33w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
vCard主题个人简历主题13w 阅读
一款个人简历主题,可以简单搭建一下,具体也比较简单....
Splity博客双栏主题11w 阅读
仿制主题,Typecho博客主题,昼夜双版设计,可....
Spzac个人资讯下载类主题11w 阅读
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
自媒体博客Spimes主题416 评论
Splity博客双栏主题187 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
三栏清新博客S_blog主题30 评论
vCard主题个人简历主题29 评论
Pure轻简主题28 评论
54447454
10月31日
[已回复]
能重复在发一下吗,无法下载了