fancybox-2

问题 I am currently trying to make a fancybox with a youtube video inside it. I currently have a couple more fancyboxes on the page but can not seem to get this fancybox to work,the other fancyboxes have the class of fancybox-iframe or fancybox depending on the content if this is any help. Below is the link that I want to add fancybox to. <a href="http://youtu.be/krlR2-YGk4sI" target="_blank"><span class="cta floatL">through the eyes of a bigsmile advert</span><span class="playIco floatL"></span><

问题 I'm trying to get my fancyBox to expand in height when its contents are taller than the viewport. That way, the user scrolls its contents using the browser's scroll bar. Instead, my fancyBox keeps getting its own scroll bar. I'm just using inline content, not an iframe . These are the options I set: $('.fancybox').fancybox({ autoSize: 'false', fitToView: 'false', maxWidth: 940 }); Adding scrolling: 'no' cuts off the content at the bottom. Explicitly defining a really tall height works, but I

问题 I have page in my website that lists all projects thumbs. When a particular thumb (project) is clicked, Fancybox loads project's details in iframe. All works great! (Content in iframe DOES NOT include navigation, header and other website elements.) The problem I have is with Google search results page - Google indexed all details pages, and now when user clicks the link from Google results, details content page is opened in browser (instead Fancybox iframe). That is bad since details page

问题 I know this question was asked before however I cannot get my code to work. I have my fancybox initiated: $(document).ready(function() { $('.fancybox').on('click', function(event) { event.preventDefault(); $.fancybox({ 'type' : 'iframe', // hide the related video suggestions and autoplay the video 'href' : this.href = this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?clip_id=$1') + '&autoplay=1', 'overlayShow' : true, 'centerOnScroll' : true, 'speedIn' : 100, 'speedOut' : 50, 'width'

问题 I'm having a problem using the fancybox API after Close. I open the function when people click on this: <a class="fancybox fancybox.iframe btn" href="myurl.php"></a> The javascript behind this is: $('.fancybox.iframe') .fancybox({ arrows: false, padding: 0, overlay: { locked: false }, beforeClose: function () { location.reload(); } }); And it never reload the page when I close it. Can somebody help me? Thank you ! 回答1: Some clarification to avoid further confusion: Based on your html <a class

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

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

问题 I'm trying to fire an event once the youtube video that I'm playing into my fancybox is ended. So I can close automatically the fancybox once the video is over. I have the last fancybox version and I'm on the youtube API, sticking to exemples but it seems that ytplayer object is "undefined" and I can't make it work properly. I have read a lot of stuffs on internet including this one, which seems to be good: How make fancybox auto close when youtube video id done? This is the code I'm using:

问题 This question already has answers here : fancybox bug with trigger click (4 answers) Closed 6 years ago . I am trying to create a form with fancy box and unfortuantely even though it display the input elements and correct markup, clicking on anything in the form causes the fancybox to refresh. What am I missing to disable the click event bubble so you can actually get into a text input box or select form the selectoptions without the fancy box refreshing? $(document).ready(function() { var

问题 I have a site with some very tall images. I'd like for these images to respond in a responsive way horizontally, but not vertically. If they conform to the height of the browser, they become too small to see properly. Is there a simple way to accomplish this that I'm missing? See an example below. Click on the second thumbnail "bswift", then a small grey square to launch Fancybox. http://www.eaaronrossdesign.com/index2.php 回答1: Try combining the fitToView and maxWidth API options like : $('