在使用Dedecms进行内容管理时,有时我们可能希望在不上传缩略图的情况下,通过随机调用图片来作为文章的缩略图。这种方式不仅能够提升网站的视觉效果,还能减少手动操作的时间。以下是实现这一功能的具体步骤。
第一步:了解默认调用方式 在Dedecms中,默认的缩略图调用代码如下:

[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : ""); [/field:array]
    
这段代码的功能是检查是否有缩略图,如果有则显示缩略图链接;如果没有,则不显示任何内容。
第二步:替换为随机调用代码 为了实现随机调用图片的功能,可以将上述代码替换为以下HTML和JavaScript组合代码:


    

    
这里的`[field:arcurl/]`和`[field:title/]`分别代表文章链接和标题,而`src="https://www.0do.net/images/road.js"`则是指向一个包含随机图片逻辑的JavaScript文件。
第三步:创建并上传JavaScript文件 接下来,需要创建一个名为`road.js`的JavaScript文件,并将其与准备好的20张图片一起上传到服务器的`/images/`目录下。以下是`road.js`的内容:

var m = 20;
var n = Math.floor(Math.random() * m + 1);
document.write ("");
    
此脚本会从1到20之间随机选择一个数字,然后根据这个数字加载对应的图片(例如`1.jpg`、`2.jpg`...`20.jpg`)。
注意事项: 为了确保页面布局美观,建议准备20张固定尺寸的图片(如148x118像素),并将它们命名为`1.jpg`至`20.jpg`,存放在`/images/`目录下。固定尺寸的图片能够避免因图片大小不一致而导致的版面变形问题。
补充说明: 当然,除了使用JavaScript实现随机调用外,还可以直接利用Dedecms内置的随机函数完成类似功能。如果你熟悉Dede标签语法,不妨尝试自行探索这种更简洁的方法。 通过以上步骤,您可以轻松实现Dedecms中缩略图的随机调用功能,从而提升网站的用户体验和设计美感。