织梦教程列表页随机调用缩略图的方法

织梦教程列表页随机调用缩略图的方法。dedecms教程织梦列表页随机调用缩略图的方法!大家都知道织梦DedeCMS的列表页缩略图默认是提取第一张图片,但是,并不是所有的文章都有图片来调用。

dedecms教程织梦列表页随机调用缩略图的方法!大家都知道织梦DedeCMS的列表页缩略图默认是提取第一张图片,但是,并不是所有的文章都有图片来调用。

有时候第一张图也未必适合列表缩略图的尺寸大小,这样体验就不好,那么我们可以通过修改来实现列表页缩略图的随机调用。

缩略图随机调用方式的步骤如下:

第一步、织梦模板中调用缩略图的标签是这样的:

[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]

第二步、需要替换成我准备好的:

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

第三步、上传road.js文件到images目录:

var m=20; 
var n=Math.floor(Math.random()*m+1) 
document.write ("<img src='http://www.您的网址.com/images/nt"+n+".jpg' border=0 width=148 height=118 />");

注:新建一个js文件,把上面的代码复制进去,代码中的网址改成你的网址,后面width和height是缩略图宽高,自行设置大小。

第四步,把准备好的缩略图上传到images目录:

你可以准备很多张缩略图,把它们上传到/images目录文件夹,然后列表页的缩略图就是自动调用这些图片。

温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA赞赏
共{{data.count}}人
人已赞赏
编程技巧

WordPress网页模板顶部管理工具条的收缩和展开

2023-6-18 0:00:00

编程技巧

WordPress解决自定义分类法存档页404的问题

2023-6-20 0:00:00

0 条回复 A文章作者 M管理员
----《》
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索