fancybox

问题 Hi again to all fancybox lovers. I got stuck with ajax load an external html form into current viewed html file. I use a hidden trigger with class="fancybox.ajax" in a tag that is brought into html that way: $('body').prepend('<a class="fancybox fancybox.ajax" href="form.html" style="display: none;"></a>'); so that form can be brought next with following into html: $(".fancybox.ajax").trigger('click'); But this fails. Maybe i need "on" or "live". I do not know if there is a better way to

问题 I have a little problem. I need to create a gallery, where embed youtube-videos an normal images are shown. To get the arrows working between images and the video, I have to use the iframe Modus. So I ended up with this: <a href="url_of_embed_yt_vid" class="fancygal" rel="group"><img src="preview_for_vid"></a> <a class="fancygal" rel="group" href="link_to_image"><img src="myimage"></a> $('.fancygal').fancybox({ 'type' : 'iframe', 'scrolling' : 'no', 'fitToView': true, 'iframe' : { 'scrolling'

问题 Helo! I am trying to implement Fancybox and I can't get it to work. Here's what I have in my head: <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script> <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({ 'titlePosition' :

问题 This source code below was posted by Cristiano G. Carvalho in answer to the question: calling fancybox gallery with other link made by another user. <div class="details_gallery"> <a href="#" class="manualfancybox">Manual Call Fancybox</a> <div class="details_gallery_min"> <a rel="details" href="max/1.jpg" class="fancybox"><img src="min/1.jpg" alt="" /></a> <a rel="details" href="max/2.jpg" class="fancybox"><img src="min/2.jpg" alt="" /></a> <a rel="details" href="max/3.jpg" class="fancybox">

问题 Hopefully a simple one - I'm trying to embed my Youtube channel (not a specific video, which is what all existing answers are aimed at, it seems) in a Fancybox. The popup appears fine, but due to Youtube's X-FRAME-OPTIONS: SAMEORIGIN ... the content isn't displaying. I've included the origin parameter in the URL, but I still get denied due to the above. I'm probably just using the wrong syntax for channels or similar: could anyone help? The URL I'm using (without success) is below (actual

问题 I have read the other threads on this topic but have not found an answer to my particular situation. I have modified the code from http://jsfiddle.net/g9R4H/ to produce an example of what I'm trying to accomplish. In my implementation I may have multiple duplicates of multiple images. One image may have two thumbnails and another may have 3 all on the same page. I have narrowed down the problem to the eq(0) setting and have determined that changing that value to 1 selects a different image

问题 I am using <a href="content.aspx?id=21" class="fancybox fancybox.iframe">Content</a> to show this content in iFrame in fancybox. But in IE7 fancybox coming white blank box. Any body have any idea to solve this issue? 回答1: If using the latest version of fancybox (v2.1.4) try disabling the iframe preload in your custom script like : $(".fancybox").fancybox({ iframe : { preload: false } }); 回答2: This is a right solution, but iframe preload can be usefull in many cases. The only case we need to

问题 I have: $("#fancybox-manual-b").click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5 }); }); <li><a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a></li> however I would like to Adjust size of iframe depending on user screen's size. I was trying something like: width = $(window).width() -80; heigth= $(window).height() -80; Is this correct?, how to use it in code? 回答1: Alternatively, you can also try this.. <script type="text/javascript"> $

问题 i'm using 3 different JQuery plugins to build a website. http://web-kreation.com/demos/Sliding_login_panel_jquery/ http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html LINK3:http://fancyapps.com/fancybox/ But, there's a small problem. The first 2 plugins work happily together, but when I insert Fancybox, one of the plugins (mostly Fancybox, but sometimes Sliding Login) will be disabled and behaves himself as it would do without JQuery. <!-- PNG FIX for

问题 When using the homemodalwindow popup module, there is an object which cant load in the background and all the background fails to load. Aparently the error is around here according to Google Chrome <div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display: block;"> ... <div class="fancybox-inner" style="overflow: hidden; width: 500px; height: 100px;"> ----------- "Error: Failed to execute 'webkitMatchesSelector' on 'Element': ':hidden' is not a valid