如何根据某些条件从图像列表中显示图像(使用ColdFusion)

Question

我有一个图像的url列表，我想在每次加载html页面时显示一个特定的图像。我有一个url变量p，它的值将在每次加载html页面时增加1。

下面是我的代码:

<cfif p eq 1>
<cfset w="image1.png">  
<cfelseif p eq 2>
<cfset w="image2.png">  
<cfelseif p eq 3>
<cfset w="image3.png">
</cfif>
<img class="class1" src=<cfoutput>#w#</cfoutput>>

然而，ColdFusion似乎没有识别cfoutput当它在标签?

Answer 1

您的代码似乎没有问题。我在trycf.com上对以下代码进行了快速成功的测试，它可以工作:

<cfset P=RandRange( 1, 3)>
<cfif p eq 1>
<cfset w="https://picsum.photos/200/400">  
<cfelseif p eq 2>
<cfset w="https://picsum.photos/300/300">  
<cfelseif p eq 3>
<cfset w="https://picsum.photos/400/100">
</cfif>
<img class="class1" src=<cfoutput>#w#</cfoutput>>

所以你的问题似乎不在代码中。要识别问题，您需要查看@luke在他的评论中提到的开发人员工具中生成的源代码。还要查看开发人员工具网络选项卡，看看浏览器是否正确地请求和加载了图像。也有可能是你的浏览器阻止了图片的显示。

尽管如此，我还是将图像属性src的值设置为双引号，并将图像标记完全包含在cfoutput标记中(为了更好的代码可读性)，如下所示:

<cfoutput>
<img class="class1" src="#w#">
</cfoutput>