fancybox

问题 I'm using Filepicker.io to handle my image uploads on my website. I'm also using FancyBox to display a nice slider. Everything works fine if I use a regular image like: http://i.imgur.com/asdf.jpeg as the <img src=""> . Meaning I click the images and the slider pops up correctly. However when I switch out those static image url's and use my Filepicker addresses, when I click on the images to open the fancybox, the image is downloaded. Here's the message I get in the console, on Google Chrome:

问题 I have really strange problem with fancybox(2.x). I was using this script for ages but i hadn't experienced such problem before. So, i have website: http://tinyurl.com/6mx7an8 and i've included every jquery/fancybox files as manual says but the JS console gives me the error Uncaught TypeError: Object [object Object] has no method 'fancybox' Have you any idea what am i doing wrong? Any help would be appreciated :) 回答1: There are couple of issues in your website. You are including jQuery

问题 Fancy box seems to have problems working on iPhone and iPad. Go here http://fancybox.net/blog and click "5. Display login form Try now" on the page in an iPhone or ipad. The form is not center and when you try to enter your details the box moves about the page and makes it unusable. Any fixes? Thanks, C 回答1: Fancybox attempts to auto resize and center itself everytime that the browser window is resized, and this event gets triggered a lot on iPads and iPhones. For fancy box 1.3.4, the code

问题 I'm trying to use jQuery's $(this) inside of Fancybox's onComplete event, but I'm running into trouble. Here's my javascript code: $('a.iframe').fancybox({ centerOnScroll: true, onComplete: function(){ var self = $(this); var title = self.title; alert(title.text()); } }); I have simplified the code above to get my point across, but I actually would love to use $(this) for several reasons that I won't go into here. Fancybox's documentation shows examples of using this instead of $(this) within

问题 I found applying the following function to a links onclose works to close Fancybox from within an iFrame: parent.$.fancybox.close(); I want to take this further and have the link take the parent page to a new url. I've tried the following but it doesn't work: <a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.close();"> Close and go to page</a> using a href doesn't work either as the onclose takes precedence. 回答1: Very simple solution... can't believe I didn't think of

问题 I want my parent page to refresh when I close a Fancy Box popup frame. I have a login page inside the popup, so I need the parent page to refresh to show the new login state when the Fancy Box closes. I can get it to work without the iFrame code: <script type="text/javascript"> $(document).ready(function() { $("a.iframeFancybox1").fancybox({ 'width': 800, 'height': 450, 'onClosed': function() { parent.location.reload(true); ;} }); }); </script> But I can't get it to work with the iFrame code:

问题 I've seen some questions that address similar issues but none of the fixes seem to work for my situation. Basically I have multiple fancybox galleries on one page throughout the site, and when one clicks through one slideshow on the site, it continues from one gallery to the next. I want the galleries/fancybox instances to remain separate from one another. Basically I need the "rel" catagories to keep galleries separate and not bleed into one another. Any help is much appreciated I've tried a

问题 I am using a fancybox with plugin jquery.easydrag.js . The reason for this is to be able to drag the fancybox around. It seems to be working fine, but the problem comes when the fancybox has scrollbars. I.e. for example when clicking on submit and not entering any fields the valdidation on screen causes scrollbars. Which is fine normally but the scrollbars causes all sorts of issues with the draggable feature so that when I am trying to click the scrollbar up and down, it actually moves the

问题 Hi you probably think this is a dumb question but I am trying to get titles added to fancy box 2. I know very little about javascript but have this at the bottom of my html <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox(); }); </script> AND if I try to add in $(".fancybox") .attr('rel', 'gallery') .fancybox({ beforeLoad: function() { this.title = $(this.element).attr('caption'); } }); I get all sorts of syntax errors. Site is: http://bit.ly/Wan5kr 回答1:

问题 Basically, what I need is to get the fancybox links to change the url in the address bar to something like this: www.website.com/page/#lightbox Also, if I were to visit www.website.com/page/#lightbox , then the lightbox corresponding to that link will automatically open. A great example of this is in this site: http://www.rudirakete.de/rudirakete/main#2008-10-5-1524260693 回答1: The trick is to make a single function for displaying the content you want, based on some hashtag. The simplest way