fancybox

问题 Help! I'm working on a website for a team of writers. They want to show examples of specific jobs they've worked on (portfolio) by using the shadowbox effect. Once opened (in overlay) the picture which is actually a screenshot of a .doc for instance, would have a caption to explain it roughly. The thing is, they want a link inside the caption so the user can download the files (.doc, .pdf) to their desktop or link to another site that they haved worked on. I've managed to do it with Fancybox

问题 I'm using fancybox http://fancyapps.com/fancybox/, and my question is: Could i group different resources together? I mean images with inline or video in the same gallery (or 'group'). If yes, anyone knows how? Here an example that doesn't work: <a class="fancyinline" data-fancybox-group="testgroup" href="#cont3">Test</a> <div class="fancyhidden" id="cont3">Test Content</div> <a class="fancyimage" data-fancybox-group="testgroup" href="test.jpg" > <img src="test-th.jpg" alt="" /> </a>

问题 I'm using fancybox http://fancyapps.com/fancybox/, and my question is: Could i group different resources together? I mean images with inline or video in the same gallery (or 'group'). If yes, anyone knows how? Here an example that doesn't work: <a class="fancyinline" data-fancybox-group="testgroup" href="#cont3">Test</a> <div class="fancyhidden" id="cont3">Test Content</div> <a class="fancyimage" data-fancybox-group="testgroup" href="test.jpg" > <img src="test-th.jpg" alt="" /> </a>

问题 I am trying to get the id of the clicked/shown element in fancybox. I have tried both "this.id" and "this.attr("id")" - but none of them works. $("a.lightbox_image").fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600, 'speedOut': 200, 'content': 'Id of element clicked'+this.attr("id") }); Any suggestions? 回答1: You can do it like this: $("a.lightbox_image").each(function() { $(this).fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600,

问题 When the user clicks on a button i show a fancybox that indicates that user should wait till the action is completed: jQuery(document).ready(function () { $.fancybox('Please Wait...',{'modal':true}); }); now i check the requested action via $.post function and return the result message (either action was successful or the error why the action failed) and now i want to close the first fancybox and show the new fancybox with the response i got from ajax: $.post('someurl.aspx',{'somethingtopost'

问题 How i can make fancybox auto close when youtube video ended? 回答1: This isn't as simple as it sounds: First determine if you are going to use the embed or iframe player. Follow the embed player API or iframe player API examples to initialize the API. Use the "onComplete" fancybox callback functon to set up the player once the popup is open. In the callback, make sure you add an onStateChange event listener so you can determine when the video has completed (the value of zero means the video has

问题 I have a custom image gallery which populates a div with thumbnails, each contained in a fancybox group. When you click one (it opens in fancybox) and you can press Prev/Next to cycle between images on the first "page". To move between pages, you have to close fancybox and change pages then open a new thumbnail. This new set of photos is retrieved via ajax. To show you exactly what I'm talking about, http://www.speedcountry.com/mSpeed323/Mazda_MAZDASPEED3 How can I use fancybox to switch

问题 I can not for the life of me, figure out how I can reposition Fancybox 2 to use left: 47px; and top: 147px I read through the source code, and without hacking it, I don't see a way to override the positioning. Setting autoCenter to false only stops auto-centering after the first time it does it. Using jQuery to change the CSS, or giving a custom wrapper to apply the CSS doesn't work either, because Fancybox always adds inline CSS which overwrites all my attempts. Is there a way to tell

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 4 years ago . My website contains : 1.FancyBox (for image overlay) 2.GalleryView (a slider) and both use JQuery. They are both free to use, but they insist on their copyright message shown where the work is used. I'm confused as to where I must show the message. license message of GalleryView. (Both Fancybox and this are

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 4 years ago . My website contains : 1.FancyBox (for image overlay) 2.GalleryView (a slider) and both use JQuery. They are both free to use, but they insist on their copyright message shown where the work is used. I'm confused as to where I must show the message. license message of GalleryView. (Both Fancybox and this are