fancybox

问题 I'm not a programmer, but I've put together a site that uses fancy box and all is good in chrome and firefox, but ie8 & ie9 are a disaster. the site is http://www.pinnaclebillboards.com. I've searched to correct the problem but i'm not even sure how to describe it. Can anyone point me in the right direction please? 回答1: You are missing the DOCTYPE so IE is working in quirks mode. You need to set the proper DOCTYPE to make fancybox to work in IE. Check this link or this other for more on this

问题 I want a button which opens the fancybox rel-group with a certain picture. I'm not quite sure if this works but I'll give it a try. My problem is that I want to execute jQuery if the user clicks on a link. This is the code I have var js = "jQuery.fancybox.pos("+currentImage+");"; // create a new function from the "js" string var newclick = new Function(js); jQuery("a.enlarge").click(newclick); The code is based on this answer. I hope that jQuery.fancybox.pos(2) works. But currently I'm not

问题 Using fancybox 2.1.5 in wordpress, when I hover over the left or right side of the pic, I always get a grey overlay instead of the regular transparent one. Can someone take a look, what has gone wrong? http://homesweet.homelinux.org/wordpress/index.php/2013/09/06/mindennapok-25/ (just click any of the pics) 回答1: Normally it's not a good idea to set css rules to global elements but use specificity instead. You have this css rule in the line 62 of your style.css file : a { color: #DCDAD5; text

问题 I want to show a fancybox on my page displaying an iframe with a source of another domain that has dynamic height (since within the iframe I'll go to different pages or might have some dynamic content). I have access to the other domain's code as well. So I can use postMessage to send the iframe's source's height to my page. But I can't seem to figure how to change the fancybox's height through code. I tried setting the height of all the divs that contain the iframe, including the iframe

问题 I've been trying to change fancybox's border color from white. I've succeeded in targeting every part of fancybox except the border. How can I change the color of the fancybox border ? 回答1: If you're using 1.3.4, the border is in #fancybox-content css rule. A quick firebug or devtools inspect will tell you that. UPDATE [March 2015] for both versions: For Fancybox v1.3.4 <style type="text/css"> #fancybox-content { border-color: #FF0000 !important; /* or whatever */ } </style> JSFIDDLE For

问题 I've got a login form opening in a FancyBox 2 modal iframe window. But when you submit the form, the web page is opening within the modal. Can anyone tell me if and how to make the Fancybox modal close, and the underlying page re-load when the login form is submitted please? Here's my current code - within a functions.js file: $(".login-popup").fancybox({ maxWidth : 310, height : 300, autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); And here's my login link:

问题 I am triggering the fancybox to open onclick like this: $('.telefonosOtrosPaises').fancybox({ 'type' : 'iframe', 'href' : 'http://es.solmelia.com/nMenus/jsp/telefonosOtrosPaises.jsp', 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', /*'easingIn' : 'easeInOutBack', 'easingOut' : 'easeInOutBack', */ /*onComplete : function(){ $('#fancybox-content').css({'height':'380px','width':'570px','background':'white','padding':'20px'})}*/ onComplete : function(){ $('#fancybox-content').css({'width

问题 In the fancybox homepage (http://fancybox.net/home) there is an example that opens an iFrame dimensioned as the 75% of the screen. I can't get it by modifying the width and height properties on the .js file as described on the site. 回答1: You should try this: $('iframeLink').fancybox({ 'width':300, 'height':200, 'type':'iframe', 'autoScale':'false' }); 回答2: Hi I just read through all of these and I had to take bits and pieces of what everyone else wrote to get it to work. I wanted a window 600

问题 This is a reformulated question from the original posted here I have a page with a jQuery UI Dialog, and I open Fancybox from a link inside of such Dialog window. The typical UI Dialog init is like: $("#dialog-modal").dialog({ height: 240, modal: true }); // dialog ... and the typical Fancybox (v2.1.1 in this example) init like: $(".fancybox").fancybox({ closeClick: false, helpers: { title : { type : 'inside' } } }); // fancybox ... so far so good, nothing special. Then the html : <div id=

问题 I'm trying to set up a width for the fancybox $("a.loader").fancybox({ width: 1000, height: 1050, autoDimensions: false, maxWidth : '100%' }); Read some topics, but set up autoDimensions: false, , tried to set width with px and without it, with commas and without it. Nothing help, the fancybox appears with the same widht and height. What is the issue? P.S. jquery-1.8.2.min.js and jquery.fancybox.pack.js (downloaded 2 to 3 weeks ago) if that's the case. Just added: Also, there are NO