AG环亚娱乐_AG直营网_环亚娱乐AG最佳线路_搜狐新闻
web技术

网页游戏技术

当前位置:主页 > 网页游戏技术 >

联系我们

CONTACT

地址:
电话:
传真:
邮箱:

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

2018-09-14

主要特色有: 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影,放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API,与及How to Use .这里我们不介如何使用了,您可以参看官方网站。下面我们看一段示例代码:复制代码 代码如下: 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='/uploads/allimg/180910/20180910102401vy0niwkummi7171.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。可以参考: http://www.microsoft.com/express/windows/ 希望这篇POST对您开发有帮助。

本文源自: AG环亚娱乐_AG直营网_环亚娱乐AG最佳线路_搜狐新闻

Copyright © 2005-2017 http://www.turingvr.com AG环亚娱乐_AG直营网_环亚娱乐AG最佳线路_搜狐新闻版权所有

友情链接: