欢迎来到织梦58!我们致力于织梦商业模板及VIP模板更新

织梦58

织梦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目录文件夹,然后列表页的缩略图就是自动调用这些图片。


AiteCms,企业模板快速建站专家,点击了解更多


有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流群

作者:DEDE58.COM 关注: 时间:2018-04-06 17:05
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(970003436)进行交流。
相关织梦教程
在线客服

×关闭