在使用DedeCMS构建网站时,列表页的缩略图默认会提取文章中的第一张图片。然而,并非所有文章都包含图片,或者第一张图片可能并不适合作为列表页的缩略图。这会导致用户体验不佳。为了改善这一问题,我们可以通过修改代码来实现列表页缩略图的随机调用。以下是一个详细的步骤指南,帮助您完成这一功能。 第一步,了解DedeCMS模板中默认调用缩略图的方式。
在DedeCMS模板中,默认调用缩略图的标签如下:

[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : ""); [/field:array]
    
第二步,替换为新的调用方式。
将上述代码替换为以下内容,以实现随机调用缩略图的功能:


    

    
第三步,准备并上传`road.js`文件。
创建一个新的JavaScript文件,命名为`road.js`,并将以下代码复制到其中:

var m = 20;  
var n = Math.floor(Math.random() * m + 1);  
document.write("");
    

注意:请将代码中的“您的网址”替换为您自己的网站地址。此外,您可以根据需求调整`width`和`height`参数,以设置缩略图的尺寸。 第四步,上传缩略图到服务器。
准备一组用于随机调用的缩略图,并将它们上传至网站根目录下的`/images/`文件夹中。例如,您可以命名这些图片为`nt1.jpg`, `nt2.jpg`, ..., `nt20.jpg`等。确保图片数量与`road.js`文件中的变量`m`一致(如示例中`m=20`表示有20张图片)。 通过以上四个步骤,您可以轻松实现DedeCMS列表页缩略图的随机调用功能。这种方法不仅提升了用户体验,还为网站设计增添了更多灵活性。希望这篇文章对您有所帮助!