1

サムネイルを表示し、現在の結果セット(1〜24件の結果)のズームビューを提供する製品検索があります。

Coldfusionでは、現在、低解像度と高解像度の画像を作成するためにこれを行っています。

<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

(画像がアップロード/追加された直後のように)一度サイズ変更して、常にそのサムネイルを使用できます。これが私の選択です。

遅延読み込みに関しては...ajax画像の読み込みを行うJavaScriptプラグインのようなものが必要になります。各imgsrcはのようなものにすることができますgetThumnail.cfm?id=x&w=200&h=200。サイズ変更されたサムネイルをCF側にキャッシュすることもできます。

于 2012-07-11T21:20:45.710 に答える