fancybox1.3.1 基于Jquery的插件在IE中图片显示问题【jquery】

web前端|js教程 fancybox1.3.1 基于Jquery的插件在IE中图片显示问题【jquery】

fancybox,图片显示

web前端-js教程

主要特色有：

传奇Delphi源码完整版,vscode 回退快捷键,mbr安装 ubuntu,tomcat配置端口文件,爬虫怎么捕捉,php 框架思想,好的360seo优化,html 代码打开网站,学生信息管理网页模板下载lzw

显示HTML,swf,Iframe,ajax请求
支持鼠标滚动显示图片
支持阴影，放大效果
自定义CSS与增加导航按钮
官方有提供比较详细的API，与及How to Use .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码：

新闻文章源码带手机版,vscode关闭错误提示,共享ubuntu桌面,tomcat原理剖析,sqlite3常见函数,厕所里的黑爬虫怎么去除,php权限修饰,越秀seo优化价格,最新订餐网站,开源网页版进销存源码,机械制造设备类企业网站织梦模板lzw

var selectedid = $("select[name$=DdlSearchProfile]").val(); 
var selectedtxt = $("select[name$=DdlSearchProfile] :selected'").text(); 
$("#editsp").fancybox({ 
ajax: { 
type: "POST", 
data: "selectedid=" + selectedid + "&selectedtxt=" + selectedtxt, 
cache: false 
}, 
autoDimensions: false, 
width: 300, 
height: 125, 
scrolling: 'no', 
//onStart: OnStartCheck, 
onComplete: OnshowtxtForEdit, 
titleShow: false, 
enableKeyboardNavigation: false 
});

这里我们使用它的以ajax方式去load一个page.并传值。我们可以Server端取到相应的Data，如上面的Id,text. OnComplete是一个CallBack，熟悉JQuery应该知道。它提供了好几个CallBack，您可以对应具体的场景调用。

我们接下面主要是解决一个在IE中Close按钮图片显示不出的问题。我们看到它的CSS使用的了AlphaImageLoader Filter，关于如何使用这个Filter你可以参考这篇POST

一种方法是使用绝对Path,如：
1: AlphaImageLoader(src=’http://yourdomain.com/js/fancybox/ fancy_loading.jpg’ ..

大灌篮微信h5源码,ubuntu中文件保存,qt5 爬虫,php /1000,新兴seo服务lzw

另一种方法是使用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.jpg',sizingMethod='scale')"); }
看上去有点儿funy, 在css使用Javascript.

然后就可以了，这里我们使用的是IE 8.0.7600.16385。fancybox 1.31 的版本。最好的解决方案是实现自定义的样式，也不会有这样的问题。后面我们发面这个网站也在使用fancybox。可以参考:

http://www.microsoft.com/express/windows/

希望这篇POST对您开发有帮助。

FancyBox 图片显示