2012-08-12 57 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