


fancybox1.3.1 Jquery-based plug-in has image display problem in IE_jquery
May 16, 2016 pm 06:19 PMThe main features are:
Display HTML, swf, Iframe, ajax requests
Support mouse scrolling to display pictures
Support shadow, magnification effect
Customize CSS and add navigation buttons
Officially available Provide a more detailed API, and How to Use. We won’t explain how to use it here, you can refer to the official website. Let’s look at a sample code below:
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
});
Here we use it to load a page in ajax mode and pass the value. We can get the corresponding Data on the server side, such as the Id and text above. OnComplete is a CallBack, which you should know if you are familiar with JQuery. It provides several CallBacks that you can call corresponding to specific scenarios.
We will mainly solve the problem of the Close button image not being displayed in IE. We see that its CSS uses AlphaImageLoader Filter. For how to use this Filter, you can refer to this POST
One method is to use absolute Path, such as:
1: AlphaImageLoader(src='http://yourdomain.com/js/fancybox/ fancy_loading.png' ..
Another The method is to use Javascript, open jquery.fancybox-1.3.1.css, and replace the #fancybox-loading.fancybox-ie div with the following code:
.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
Then it’s ok, here we are using IE 8.0.7600.16385. The best solution is to implement custom styles. , there will be no such problem. Later we will show that this website also uses fancybox. You can refer to:
http://www.microsoft.com/express/windows/
I hope this POST will be helpful to your development.

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Java and JavaScript are different programming languages, each suitable for different application scenarios. Java is used for large enterprise and mobile application development, while JavaScript is mainly used for web page development.

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

The following points should be noted when processing dates and time in JavaScript: 1. There are many ways to create Date objects. It is recommended to use ISO format strings to ensure compatibility; 2. Get and set time information can be obtained and set methods, and note that the month starts from 0; 3. Manually formatting dates requires strings, and third-party libraries can also be used; 4. It is recommended to use libraries that support time zones, such as Luxon. Mastering these key points can effectively avoid common mistakes.

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScriptispreferredforwebdevelopment,whileJavaisbetterforlarge-scalebackendsystemsandAndroidapps.1)JavaScriptexcelsincreatinginteractivewebexperienceswithitsdynamicnatureandDOMmanipulation.2)Javaoffersstrongtypingandobject-orientedfeatures,idealfor

Event capture and bubble are two stages of event propagation in DOM. Capture is from the top layer to the target element, and bubble is from the target element to the top layer. 1. Event capture is implemented by setting the useCapture parameter of addEventListener to true; 2. Event bubble is the default behavior, useCapture is set to false or omitted; 3. Event propagation can be used to prevent event propagation; 4. Event bubbling supports event delegation to improve dynamic content processing efficiency; 5. Capture can be used to intercept events in advance, such as logging or error processing. Understanding these two phases helps to accurately control the timing and how JavaScript responds to user operations.

JavaScripthassevenfundamentaldatatypes:number,string,boolean,undefined,null,object,andsymbol.1)Numbersuseadouble-precisionformat,usefulforwidevaluerangesbutbecautiouswithfloating-pointarithmetic.2)Stringsareimmutable,useefficientconcatenationmethodsf

If JavaScript applications load slowly and have poor performance, the problem is that the payload is too large. Solutions include: 1. Use code splitting (CodeSplitting), split the large bundle into multiple small files through React.lazy() or build tools, and load it as needed to reduce the first download; 2. Remove unused code (TreeShaking), use the ES6 module mechanism to clear "dead code" to ensure that the introduced libraries support this feature; 3. Compress and merge resource files, enable Gzip/Brotli and Terser to compress JS, reasonably merge files and optimize static resources; 4. Replace heavy-duty dependencies and choose lightweight libraries such as day.js and fetch
