fancybox

问题 I am displaying an ajax feedback form in fancy box and i need to close the fancy box once feedback send(with time delay of 20sec). My fancy box call is... $("#feedback").fancybox({ 'speedIn' : 600, 'speedOut' : 200, 'centerOnScroll': false, 'autoDimensions': true, 'type' : 'ajax' }); 回答1: Something like this. Modify as needed. $.post('/YourAjaxRequest', { your ajax data }, function() { $.fancybox.close(); }, 'json'); This will close the dialog box when the request is finished, no matter how

问题 I am using Fancybox3 to open iframe in popup, but I need deny close on click on overlay, because in iframe is form, which user must fill out. I tried edit outsideClick parameter 'close' to 'false' in fancybox.js and this guide too, but it's still closing on click on overlay. Can somebody help me? Thanks. 回答1: Simply use clickSlide option. v3 works as a slider and is highly customizable (for example, you can resize and/or reposition sliding area), therefore there is a seperate options for

问题 I'm using Fancybox version 2.04 and a realize there are still a couple issues but I am trying to implement the next and previous methods to use the zoomIn ZoomOut functionality instead of the Default slide down (which I'm assuming is the slideDown and I do think is awesome). Here's the code I'm using but it isn't seeming to work, it closes the layer and doesn't progress to the next image in the gallery. $('.zoom').fancybox({ nextMethod: 'zoomIn', prevMethod: 'zoomOut', helpers : { overlay : {

问题 Is there a way to reset the fancybox instance or refresh the contents of it, when closed? Note that it grabs content from a div on the same page. I want it to display the content like it was first loaded into the dom, when re-opening the fancybox. I guess this is more of a javascript/jQuery thing, than a Fancybox thing, right? $.fancybox.open({ href: '#popup', padding: 0, autoWidth: true, arrows: false, closeBtn: false, scrollOutside: true, helpers: { overlay: { css: { 'background': 'rgba(0,

问题 I have a custom DNN registration and login module which I would like to pop up in a fancybox when someone clicks on the sign in to buy (Add to Cart) button. Firstly, it would show a login and registration button in the pop up. After someone has clicked on one of these buttons, the fancybox should stay open without any postbacks and show the custom DNN modules. Would I perhaps be able to achieve this with Knockout.js? Currently, the button would add the product to your cart and redirect you

问题 I can get the following simple scenario to work: A div on the page that when clicked will open a video using JW Player in an overlay window by FancyBox. Here is a stripped down code: HTML: <div> <a class="play_video" href="#" rel="/bin/video.mp4">Click to Watch Video</a> </div> jQuery: $(document).ready(function() { $(".play_video").fancybox({ content: '<div id="video_container" style="width:640px;height:381px;">Loading the player ... </div> ', afterShow: function() { var myVideo = $(".play

问题 This question already has answers here : Fancybox doesn't work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property 'msie' ] (4 answers) Closed 5 years ago . Forgive me if this is something obvious but I cannot get my fancybox to work. I know my custom javascript is adding the proper class & href attribute to the preview image but for some reason the browser is not recognizing my fancybox function. When I inspect the page with the Chrome DevTool it gives me the error of

问题 I am currently using both the fancybox thambnails and button helper. Currently I have it all working how I would like but I would like thumbnails below the slide to disappear when the image is expanded and the excess space above the enlarged image gone. It's too messy having both, they overlap and do all sorts of weird stuff and I don't really think you need the thumbnails (navigation dots) when the image is enlarged. Any help would be great. If it helps, you can view the issue on my website

问题 I use fancyBox (v2.1.5) and work with Firefox version 35.0.1 and Firebug 2.0.7. When I open the Firebug window fancyBox is not working anymore. Are there any settings I could change to get it to work? I have the problem also on the official demo page. 回答1: FireQuery 1.4.1 is known to cause JavaScript execution problems in combination with current versions of Firefox and Firebug 2.0.*. This is also mentioned in the Firebug FAQ. As FireQuery development is abandoned, you need to disable/remove

问题 Can't get Fancybox-2 to show PDFs with Internet Explorer! (It works fine in Chrome and Firefox) In <head> I have this code: <!DOCTYPE HTML> <!-- Add fancyBox --> <link rel="stylesheet" href="../../../js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen"/> <script type="text/javascript" src="../../../js/fancybox/source/jquery.fancybox.pack.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".fancybox").fancybox({ height: '100%', // width: '50%', /