fancybox1.3.1 Jquery 기반 플러그인의 IE_jquery에서 이미지 표시 문제가 있습니다.-JS 튜토리얼-php.cn

fancybox1.3.1 Jquery 기반 플러그인의 IE_jquery에서 이미지 표시 문제가 있습니다.

WBOY

풀어 주다： 2016-05-16 18:19:08

원래의

1070명이 탐색했습니다.

주요 기능은 다음과 같습니다.

HTML, swf, Iframe, ajax 요청 표시
그림 표시를 위한 마우스 스크롤 지원
그림자, 확대 효과 지원
CSS 사용자 정의 및 탐색 버튼 추가
공식적으로 가능 자세한 API와 사용방법은 여기서 설명하지 않으니 공식 홈페이지를 참고해주세요. 아래 샘플 코드를 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

 
var selectedid = $( "select[name$=DdlSearchProfile]").val(); 
var selectedtxt = $("select[name$=DdlSearchProfile] :selected'") 
$( "#editsp" ).fancybox({ 
ajax: { 
유형: "POST", 
data: "selectedid=" selectedid "&selectedtxt=" selectedtxt, 
cache: false 
} , 
 autoDimensions: false, 
너비: 300, 
높이: 125, 
스크롤링: 'no', 
//onStart: OnStartCheck, 
onComplete: OnshowtxtForEdit, 
 titleShow: false, 
enableKeyboardNavigation: false 
}) 

여기에서는 이를 사용하여 Ajax 모드에서 페이지를 로드하고 값을 전달합니다. 위의 ID 및 텍스트와 같은 해당 데이터를 서버 측에서 가져올 수 있습니다. OnComplete는 JQuery에 익숙하다면 알아야 할 콜백입니다. 특정 시나리오에 따라 호출할 수 있는 여러 콜백을 제공합니다.

IE에서 닫기 버튼 이미지가 표시되지 않는 문제를 주로 해결해보겠습니다. CSS가 AlphaImageLoader 필터를 사용하는 것을 볼 수 있습니다. 이 필터를 사용하는 방법은 이 게시물

을 참조하세요.

한 가지 방법은 다음과 같은 절대 경로를 사용하는 것입니다.
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 : 투명; 동작: 표현식(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" (function(){var t=document.getElementsByTagName('link' ) ;for(var i=0;i좀 재미있어 보입니다.

그렇다면 괜찮습니다. 여기서는 IE 8.0.7600.16385를 사용하여 사용자 정의 스타일을 구현하는 것입니다. 그런 문제는 없을 것입니다. 나중에 우리는 이 웹사이트도 fancybox를 사용한다는 것을 보여줄 것입니다.

를 참고하세요.

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

이 게시물이 귀하의 발전에 도움이 되기를 바랍니다.