fancybox-2

问题 I have a fancybox with multiple instances of inline content. Once the fancybox is fired users can see different "views" with the help of ui tabs. However I am trying to directly link nav hrefs to these inline instances. Currently if a user clicks any of the nav links the fancybox will open and they will always see the #sources "view". I can link directly to other inline instances however I would only get that inline content and not the tabs themselves which are an important part of the design

问题 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=

问题 I use this plugin: http://www.fancyapps.com/fancybox/ This is the url: http://estebanescoo.com.ar/fotografia.php when you clic on any photo, and you press 'next' or 'previous' you'll notice each photo is shown 3 times, why is that? I'll appreciate your answers :) 回答1: What is happening is because you missed to close properly your <a> tags : You have this html : <div class="thumb"><a class="fancybox" ...><img src="{}"></div> <div class="thumb"><a class="fancybox" ...><img src="{}"></div> ..

问题 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 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

问题 http://www.teachhub.com/sevcik-tester-ooyala Fancybox close event is not removing the dark overlay in Chrome and IE. Firefox works great. I'm using fancybox 2. The commented out items below, I've tried forcing the close event and it's not working. The main window closes, but the dark overlay remains. <script type="text/javascript"> jQuery(document).ready(function() { jQuery.noConflict(); }); </script> <div style="width: 312px;"> <script type="text/javascript"> jQuery(document).ready(function(

问题 I'm trying to make a SPA and use the Hot Towel template with durandal. So far I have succesfully added a Fancybox to my spa and it shows a image <a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm9.staticflickr.com/8486/8225588056_d229e8fe57_b.jpg" title="Porth Nanven (MarcElliott)"> <img src="IMAGEPATH" alt="" /> </a> $(document).ready(function () { $(".fancybox-thumb").fancybox({ openEffect: 'elastic', closeEffect: 'elastic', helper: { title: { type: 'outside' }, thumbs: {

问题 Is there any solution that prevent an access to any content that is made to be called via fancybox iframe only? I am using fancybox ver 2.0 and PHP as a server end programming. Have a look for example. <a href="feedback.php" class="feedback fancybox.iframe">Feedback</a> Now generally when a user clicks on feedback link, fancybox will handle the request. But I want to prevent users from accessing "feedback.php" page directly from the browser's address bar. 回答1: if (!empty($_SERVER['HTTP

问题 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

问题 I have a fancybox which have next and previous buttons inside it. But the previous and next button area is too big that it covers my textbox on the fancybox. I have tried some suggestion from here. #fancybox-left, #fancybox-right { width: 0%; } But it doesnt working. The area for buttons is still as big as before. Seems like it was for fancybox version 1. I am using fancybox version 2 right now. Any suggestion how should I do the css for next and previous button in fancybox 2 ? 回答1: this