2012-08-12 103 views
3

我有一個圖庫系統,可以生成不同大小的圖像並將它們高速緩存在webroot之外。 然後我在ColdFusion中有一個包裝模板,它根據ID和尺寸參數顯示圖像。例如, 因此,URL可能是'/dspImage.cfm?imageID=123&w=600'。 這將返回寬度爲600px的圖像編號爲123的內容。Colorbox無法顯示動態生成的圖像

這一切都很完美,但是當試圖使用Colorbox jquery插件時,它似乎無法顯示以這種方式提供的圖像,而是返回一大堆文本和控制字符,好像無法識別MIME類型的MIME類型JPG文件。

瀏覽器顯示圖像沒有問題,我已經使用這種技術近十年了,現在沒有問題,但Colorbox似乎無法處理它。 如果我直接鏈接到JPG,它在Colorbox中工作正常。

我有其他的燈箱插件可以正常工作,但是我喜歡colorbox,如果我可以幫助的話,我很討厭使用另一個燈箱。

有沒有人有任何建議?

作爲參考,報頭髮送從圖像服務腳本背面有:

Content-Length 178856 
Content-Type image/jpeg;charset=UTF-8 
Date Sun, 12 Aug 2012 15:07:54 GMT 
Server Microsoft-IIS/7.5 
X-Powered-By ASP.NET 

我注意到,通過顏色框直接撞擊圖像時請求頭包含:

Accept image/png,image/*;q=0.8,*/*;q=0.5 

然而,如果我通過colourbox打了圖片服務腳本,這變成:

Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 

我想這可能表明這個問題,直到我試圖既服務腳本,並將圖像直接通過瀏覽器,它也顯示:

Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 

希望這是足夠的信息,和有意義的人!

+0

一個活生生的例子是很酷...失敗htat,你可以證明你正在使用一些例如HTML鏈接的彩盒? – 2012-08-12 15:18:16

+0

對我來說,這個問題歸結爲我使用的查詢字符串參數的順序(它希望文件擴展名在最後)。我對我進行了重新排序,但我確信下面的解決方案可以解決問題。 – 2014-02-14 01:52:46

回答

12

在你彩盒設置,請嘗試將照片=真

$("#cboxDiv").colorbox({inline:true, href:"#dynURL#", photo:true}); 

編號:ColorBox Docs

+0

這樣做,謝謝! – 2012-08-12 16:38:59