北京博虎网络科技有限公司—不只是帮您建网站,从此都是您全方位的网络顾问!
当前位置:主页 > 网站科普 > 建站知识 >

DedeCMS织梦自动获取内容缩略图或者随机缩略图设置

发表日期:2021-04-24 09:46文章编辑:博虎网络浏览次数: 标签:    

如今不论用什么CMS程序都比较喜欢使用自媒体UI模式的图文列表。比如我们在使用WordPress程序搭建个人博客的时候,我们看到很多的付费或者免费主题都很多相似老蒋部落一样图文列表模式。当然这样的界面确实是比较好看的。老蒋在调试一款客户企业网站的时候,在企业新闻、技术文档列表的时候也需要用到这个版面。

目前企业网站较多还是使用的DedeCMS织梦程序比较多,以前我们不是这样子的,只不过希望换换口味。内容部分我们采用直接截取开始段落或者用摘要的方式,对于缩略图的我们一般是考虑两种方法。

第一、直接获取内容图片

一般我们是获取内容中的图片的,如果有图片就获取第一张图,如果没有图片就自适应不显示图片。这个也是不错的办法。

// 获取内容首图 xiaobihu.cc整理
<img src="[field:id runphp='yes'] $aid = @me; $row = $GLOBALS['dsql']->GetOne("Select body From `peak_addonarticle` where aid='$aid' "); preg_match_all('/<img[^>]*src=[\'"]?([^>\'"\s]*)[\'"]?[^>]*>/i', $row['body'], $match);@me = $match[1][0];[/field:id]" />

这个在合适的位置丢到对应的模板中。

第二、预设随机图片显示

比如我们有些企业客户编辑文章的时候,他们是技术文章没有图,但是也希望有图列表。那可以采用随机缩略图的方式,预设一些缩略图JS调用。

 <a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/js/autoimg.js"></script></a>

我们制作一个autoimg.js 文件,然后在文件中显示图片。

var m=10; 
var n=Math.floor(Math.random()*m+1) 
document.write ("<img src='http://www.xiaobihu.cc/images/pic"+n+".jpg' border=0 width=240 height=180 />");  

这里我们准备10张图片,图片命名是pic1.jpg...pic10.jpg。这样会随机调用。

相关新闻

[原创]织梦dedecms不能上传和不显示jpeg格式图片的解决方法

前几天在网上复制带图片的文章时,发布后,发现有的图片并没有下载到本地,检查了一下。...

日期:2020-09-15 浏览次数:195

(持续更新)Dedecms教程:织梦一键安全补丁工具箱V1.0

为了解决大家用织梦建站常遇到的织梦安全问题 织梦安全补丁下载;织梦最新漏洞修复等问题...

日期:2020-05-21 浏览次数:84

织梦DEDE后台生成没反应,更新不了的完美解决方案

DEDE安装完成,嵌入前台模板文件后,并添加相关栏目文档。有时会出现点击一键生成更新所有...

日期:2019-03-10 浏览次数:155

如何让页面自动跳转到手机版相应的文章页面

移动互联网时代的到来,让传统企业渐渐有了搭建手机站的意识,本文就不说如何搭建手机站...

日期:2017-11-10 浏览次数:260

织梦dedecms自定义表单获取IP地址和提交时间

大家在用 织梦 做网站的时候都用过自定义表单做留言,但是如何查看客户什么时间填写的表单...

日期:2017-02-27 浏览次数:272

让网页自动调用双核浏览器的极速模式(Webkit)

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准...

日期:2016-09-12 浏览次数:164

正在加载中……