- 时间：2021-04-17 09:16 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
主要特色有：
显示HTML,swf,Iframe,ajax请求
支持鼠标滚动显示图片
支持阴影，放大效果
自定义CSS与增加导航按钮
官方有提供比较详细的[url=http://fancybox.net/api]API[/url]，与及[url=http://fancybox.net/howto]How to Use[/url] .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码：
[url=http://msdn.microsoft.com/en-us/library/ms532969(v=vs.85).aspx]AlphaImageLoader Filter[/url]，关于如何使用这个Filter你可以参考[url=http://www.blogjava.net/huamengxing/archive/2007/09/29/149549.html]这篇POST[/url]
一种方法是使用绝对Path,如：
1: AlphaImageLoader(src='http://yourdomain.com/js/fancybox/ fancy_loading.png' ..
另一种方法是使用Javascript，打开jquery.fancybox-1.3.1.css，提到#fancybox-loading.fancybox-ie div 处替换成以下代码:
.fancybox-ie #fancybox-close { background: transparent; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var h=t[i].href.split('?')[0];if(h&&/polaroid_gallery\\.css$/.test(h)){return h.replace('polaroid_gallery.css','');}} return '';})() +"Scripts/fancybox/fancy_close.png',sizingMethod='scale')"); }
看上去有点儿funy, 在css使用Javascript.
然后就可以了，这里我们使用的是IE 8.0.7600.16385。fancybox 1.31 的版本。最好的解决方案是实现自定义的样式，也不会有这样的问题。后面我们发面这个网站也在使用fancybox。可以参考:
[url=http://www.microsoft.com/express/windows/]http://www.microsoft.com/express/windows/[/url]
希望这篇POST对您开发有帮助。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
