fancybox

问题 I'm trying to use Isotope to filter my gallery down to categories and then open up FancyBox and only have the filtered categories be presented in Fancybox. Here is my code: HTML <div class="filters"> <div class="ui-group"> <div class="button-group js-radio-button-group" data-filter-group="color"> <button class="button" data-filter="*">ALL</button>| <button class="button" data-filter=".wedding">WEDDINGS</button>| <button class="button" data-filter=".concert">CONCERT/SHOWS</button>| <button

问题 I'm using Fancybox iframe form. form height 350px when finish form the result is just two lines. could any one tell me how to make auto height for the window my javascript code is $(document).ready(function() { $("#send_friend").fancybox({ 'width' : 310, 'height' : 350, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe', 'showCloseButton' :false, 'padding' : 0, 'margin' : 0, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'overlayOpacity':'0.3',

问题 I am currently using fancybox version 2.1.5, the problem i am encountering is when I click on the close button "x" on the iframe, the close button "x" disappears rather than closing the iframe. Has anyone else encountered this error while using fancybox? Please visit this page and click "details" and the close button "x" to experience the error. http://www.jerrellkbryant.com/jbcom/portfolio <div><a class="various small_button shadow none" data-fancybox-type="iframe" href="details/clear.html"

问题 I am trying to make any Lightbox type code work and it doesn't seem to be working with jQuery 1.7.2 . I am basically making a form in an iFrame. When someone clicks on a banner, it opens up an optin form in a lightbox and they can signup for the mailing list. I am using Fancybox 2 currently and it looks beautiful when I use: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> But when I revert to: <script type='text/javascript' src=

问题 I've made this test page for use of fancybox in a site and it's OK on all Mac browsers, iOS and non-IE browsers on PC. Latest IE on Windows 8 is also fine. BUT IE8, 7 and 6 on XP do not display the transparent overlay or the popup box shadow on the page, and the links on the page under the popup are still clickable (which I don't want). (Note, the popup images on the test page aren't necessarily the correct final ones - that's OK). Probably I've messed up the js somewhere (aside from being

问题 When using fancybox with an overlay, I seem to have issues with the jQuery working? View it at mg.hejmej.com/index.html (2nd box from the left) 回答1: Since you are targeting your youtube videos via embed mode http://www.youtube.com/embed/HGVTaIlzocM then you need the proper fancybox script using 'type':'iframe' : $("a.fancybox-vidz").fancybox({ 'padding' : 0, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'title' : this.title, 'width' : 680, 'height' : 495, 'type' :

问题 I have a problem with Fancybox 2. When Fancybox is in gallery mode and that I close the Fancybox with the focus (keyboard enter key), it moves to the second image. I can't close my Fancybox with keyboard (except ESC), it works only with mouse. You can test this here http://jsfiddle.net/korigan/qfxZd/2/ $('.fancybox').click(function(){ focusLink = this; }).fancybox({ beforeLoad: function() { $('a, input, button').attr('tabIndex', -1); $('.fancybox-overlay a, .fancybox-overlay button, .fancybox

问题 I have a problem with Fancybox 2. When Fancybox is in gallery mode and that I close the Fancybox with the focus (keyboard enter key), it moves to the second image. I can't close my Fancybox with keyboard (except ESC), it works only with mouse. You can test this here http://jsfiddle.net/korigan/qfxZd/2/ $('.fancybox').click(function(){ focusLink = this; }).fancybox({ beforeLoad: function() { $('a, input, button').attr('tabIndex', -1); $('.fancybox-overlay a, .fancybox-overlay button, .fancybox

问题 I have this POPUP I can use to popup constantly - I wanted to add a 7 day cookie to it? Is that possible with what I have? <script type="text/javascript"> jQuery(document).ready(function() { $.fancybox( '<h2>' + {{ settings.popup_title | json }} + '</h2><p>' + {{ settings.popup_content | json }} + '</p>', { 'autoDimensions' : false, 'width' : 450, 'height' : 'auto', 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); </script> 回答1: Based on this answer, you can tweak the code with what

问题 I need to show image title, date and link on the right side of the image. something similar to this example by default fancybox allow us few option like inside , outside , top but not left or right side of image. and with navigation buttons < > $(".fancybox").fancybox({ helpers : { title: { type: 'inside', position: 'top' } }, nextEffect: 'fade', prevEffect: 'fade' }); Is there a ways we can do it like as shown in image below Fiddle example http://jsfiddle.net/JYzqR/ 回答1: You can use fancybox