1

我有一个显示缩略图的产品搜索，还提供当前结果集的缩放视图（1-24 个结果）。

在 Coldfusion 中，我目前正在这样做以创建 lo-res 和 hi-res 图像：

<cfimage name="myImage" source="#bildpfad##bilddateiname#" action="read" />
    <cfif IsImage(myImage) is true>
    <cfscript>
        variables.breakdown = "";
        variables.lastcount = 0;
    </cfscript> 
    <!--- low res --->
    <cfscript>
        ImageSetAntialiasing(myImage,"on");
        variables.breite = ImageGetWidth(myImage);
        variables.breite = 240;
        ImageScaleToFit(myImage, variables.breite,"");
    </cfscript>
    <cfxml variable="imageXml">
        <cfimage action="writetobrowser" source="#myImage#" />
    </cfxml>
    <cfset variables.imageSrc = imageXml.xmlRoot.xmlAttributes.src>
    <!--- hi res --->
    <cfscript>
        variables.breite = 900;
        ImageScaleToFit(myImage, variables.breite,"");
    </cfscript>
    <cfxml variable="imageXmlXL">
        <cfimage action="writetobrowser" source="#myImage#"/>
    </cfxml>
    <cfset variables.imageSrcXL = imageXmlXL.xmlRoot.xmlAttributes.src>
    <cfoutput><div class="resultsImgWrap">
        <a href="#variables.imageSrcXL#">#imageXml#</a></div>
    </cfoutput>

虽然这在同时创建缩略图和缩放图像方面效果很好，但需要一段时间来处理......

所以我想知道 Coldfusion 中是否有类似延迟加载器的功能，它会立即显示缩略图并在“背景”中创建缩放图像。

问题：
知道这样的事情是否可能吗？或者如果有更好的方法，我也不介意。

感谢指点！

4

1 回答 1

2

您可以调整一次大小（例如在上传/添加图像之后）并始终使用该缩略图。这将是我的选择。

至于延迟加载...您将需要某种 JavaScript 插件来进行 ajax 图像加载。每个 img src 都可以是getThumnail.cfm?id=x&w=200&h=200. 您还可以在 CF 端缓存调整大小的缩略图。

于 2012-07-11T21:20:45.710 回答