fancybox

问题 I was developing a site and am using bootstrap, and jquery... I found out that bootstrap has modals that is exactly like fancybox, but realized it was not good enough, so I went ahead and got fancybox... I recently saw a website called PrimeDice, and I saw that they were also using fancybox, and I want to setup fancybox, like they did... If you look into their code, you can see that they are getting the fancybox like this... <a href="/modals/faq.html" class="action-fancybox">faq</a> Basically

问题 Trying to figure out how to reinitialize Easy FancyBox when new content is loaded in with infinite scroll. I tried $.fancybox.init() , but this doesn't seem to be enough. In the head section the script that calls easy fancybox is: jQuery(document).ready(function($){ var fb_timeout = null; var fb_opts = { 'overlayShow' : true, 'centerOnScroll' : true, 'showCloseButton' : true, 'showNavArrows' : true, 'onCleanup' : function() { if(fb_timeout) { window.clearTimeout(fb_timeout); fb_timeout = null

问题 I'm working with fancybox 2.0.5. I have it opening to a size of 450 x 500. The content of it is a long terms of use agreement. The user must click the accept button at the bottom. We'd like to be able to have it stuck to the bottom of the fancybox popup so that it is "static" regardless of the scrolling. I am trying to use the below to no avail. I can't make .fancybox-inner respond to anything. Suggestions? $(".fancybox-inner").append("<input id='accept' type='button' value='Accept'>"); 回答1:

问题 I'd like to create a fancybox with a gallery of images on the left side, and some text on the right side of the box. Is it possible to do so? By gallery, I refer to the gallery example given on the fancybox website. 回答1: You may consider my fancybox " a la " facebook script. You can see it working here. It requires fancybox v2.x. 来源： https://stackoverflow.com/questions/10049050/how-to-display-a-gallery-and-text-with-fancybox

问题 I'm using the tips on this question Overlay thumbnail with remove image button? to get a overlay hover remove icon to be shown on thumbnails on my page. But I'm also using fancybox and I can't seem to get both working at the same time. Because they both need the <a> element. Right now, this is my code. <div class="image-thumb" style="display: inline-block; background-image: url('<?php echo base_url().$path.$thumb; ?>');" align="center"> <a class="fancybox" href="<?php echo base_url().$path.

问题 I'm attempting to have a fancybox pop up with a facebook LIKE button in the title that links to the unique page based on which item is clicked. All of the images are id'ed with a unique number and I'm simply trying to get that number with this.id but it is not returning anything. $(document).ready(function() { $("a.fancybox").each(function() { $(this).fancybox({ 'overlayShow' : true, 'autoDimensions': true, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'overlayColor' : '#000',

问题 Due to performance optimization I want to prevent users from reload fancyboxes they already loaded once. This is my code: $(document).ready(function() { $(".fancybox-effects").fancybox({ type : 'ajax', wrapCSS : 'fancybox-custom' }); }); Adding this: $.ajaxSetup({ cache: true }); to the document.ready function doesn't help. Any ideas? 回答1: You could try $(document).ready(function() { $(".fancybox-effects").fancybox({ type : 'ajax', ajax : { cache: true }, wrapCSS : 'fancybox-custom' }); });

问题 I'm trying to implement a simple thing in my page using jQuery and Fancybox, but I can't put my code to work. I need create a code that when user click in any part of the page , Fancybox opens a modal. Currently, my code is the following: <script> $(document).ready(function(){ $(document).click(function(e){ $.fancybox.open([{ href: '/welcome', title: 'Welcome to Our Website!' }], { width: 800, height: 600 }); }); }); </script> For me the code is nice, but when I go to this page and click in a

问题 I have a function that gets executed when clicking on certain things within the content of my fancybox. The functions work fine, but I cannot, for the life of me, figure out how to close fancybox programmatically. I have tried: $.fancybox.close() and parent.$.fancybox.close(); I have even tried triggering a click to the close button but that has not worked either. When I try $.fancybox.close() I get Uncaught TypeError: Cannot call method 'close' of undefined Here is what my fancybox call

问题 I have a page setup that is accessed through a fancybox iframe. How can a link that is inside the fancybox iframe, load in the parent window of the iframe? So if the user clicks the link, it will reload the page and load the clicked link. How do I add a target="_top" attribute to the all links? e.g. $("iframe").on("load", function () { $("a").each(function() { $(this).attr('target', '_top'); }); }) 回答1: Assuming that in your child page you have regular links like : <p>This link opens <a href=