2012-07-11 3 views
1

제품 검색에서 미리보기 이미지를 표시하고 현재 결과 세트 (1-24 개 결과)의 확대보기를 제공합니다. Coldfusion8에서 이미지를 만들기위한 lazyloader 기능이 있습니까?

에서는 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에는 축소판을 즉시 표시하고 "백그라운드에서"확대/축소 이미지를 만드는 게으른 로더 기능과 같은 것이 있는지 궁금합니다.

질문 :
이와 비슷한 사항이 있습니까? 또는 더 좋은 방법이 있다면, 나는 또한 괜찮을 것입니다.

포인터 주셔서 감사합니다!

답변

2

이미지를 업로드하거나 추가 한 직후처럼 크기를 조정할 수 있으며 항상 해당 미리보기 이미지를 사용하십시오. 이것은 나의 선택 일 것이다.

지연로드의 경우 ... 아약스 이미지로드를 수행하는 일종의 JavaScript 플러그인이 필요합니다. 각 img src는 getThumnail.cfm?id=x&w=200&h=200과 유사 할 수 있습니다. 크기가 조정 된 축소판 그림을 CF 측에 캐시 할 수도 있습니다.

+0

대부분의 이미지는 외부 서버 (클라이언트)에 있지만 검색로드시 가져 오므로 런타임에이 작업을 수행해야합니다. 그렇지 않으면 솔루션이 좋게 들립니다. – frequent

+0

헨리 - "즉시"크기를 조정하고 싶지는 않습니다 - cfimage는 Java 이미지 처리의 모든 버전과 마찬가지로 값 비싼 태그입니다. 이미지의 크기가 조정되면 엄지 파일로 저장하고 디스크에서 다시 사용해야합니다. 그건 내 걸릴 :) –

관련 문제