全部模板|推荐模板|TAG标签|加入收藏|网站地图您好,欢迎来到模板天下!

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

时间:2016-09-05 11:01 作者:模板天下 点击:

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

本文版权归原作者所有,转载请注明原文来源出处,模板天下感谢您的支持!

本文链接:http://www.mobantianxia.com/article/230.html 织梦DedeCMS列表页随机调用缩略图的方法 http://www.mobantianxia.com/article/230.html

您可能也喜欢:
发表评论:

关于本站 - 联系我们 - 售后服务 - 网站公告 - 版权与免责声明 - 留言反馈

© 2016 模板天下(mobantianxian.com) 版权所有,并保留所有权利。 | Powered by DedeCMS | 豫ICP备14009571号-2 |

售前咨询

售后服务

技术支持