Fancybox 单图加载在 IE 上失败
Fancybox single image loading fails on IE
使用Fancybox单图框,IE中图片加载不全。 Chrome 完美地加载了图像,但在 IE 上它看起来像是加载以某种方式被缩短了。图像本身作为字节数组来自数据库,当设置为普通 html 图像时,在 IE 上加载得很好。
这是我在 Fancybox 上看到的:
关于如何强制加载继续直到发送整个图像的任何指示?
编辑
JQuery 对于 fancybox:
$("a#single_image").fancybox({
'type': 'image',
'hideOnContentClick' : 'true'
});
图片:
<a id="single_image" href="<%= Source %>"><img runat="server" id="largeImg" /></a>
其中 "Source" 是包含图像数据的字符串。
挠了半天的脑袋,自己修好了。
当图像数据从代码隐藏中读取两次时,IE 无法处理(或类似的东西)请求变得太长了。
相反,我从 <a>
-tag 中删除了 href
属性,并使用 jQuery 再次添加它,以便从 <img>
-tag 的 src
属性中读取它,像这样:
$(document).ready(function () {
var src = $("#<%: largeImg.ClientID %>").attr("src");
$("#largeImgLink").attr("href", src);
});
这也会使请求更短并减少服务器上的流量负载。
在脚注中,这 不是 Fancybox 特有的问题。 Lightbox 也有同样的问题,而且只在 IE 和 EDGE 上。 Chrome 从头开始正确加载图像。
使用Fancybox单图框,IE中图片加载不全。 Chrome 完美地加载了图像,但在 IE 上它看起来像是加载以某种方式被缩短了。图像本身作为字节数组来自数据库,当设置为普通 html 图像时,在 IE 上加载得很好。
这是我在 Fancybox 上看到的:
关于如何强制加载继续直到发送整个图像的任何指示?
编辑
JQuery 对于 fancybox:
$("a#single_image").fancybox({
'type': 'image',
'hideOnContentClick' : 'true'
});
图片:
<a id="single_image" href="<%= Source %>"><img runat="server" id="largeImg" /></a>
其中 "Source" 是包含图像数据的字符串。
挠了半天的脑袋,自己修好了。
当图像数据从代码隐藏中读取两次时,IE 无法处理(或类似的东西)请求变得太长了。
相反,我从 <a>
-tag 中删除了 href
属性,并使用 jQuery 再次添加它,以便从 <img>
-tag 的 src
属性中读取它,像这样:
$(document).ready(function () {
var src = $("#<%: largeImg.ClientID %>").attr("src");
$("#largeImgLink").attr("href", src);
});
这也会使请求更短并减少服务器上的流量负载。
在脚注中,这 不是 Fancybox 特有的问题。 Lightbox 也有同样的问题,而且只在 IE 和 EDGE 上。 Chrome 从头开始正确加载图像。