fancybox

问题 With fancybox (v2), how can I create a unique url that, upon load, displays the fancybox with iframe content. I have it working great with inline content (ex. www.mysite.com/index.html#idgoeshere), but don't know what the url or js should contain in order to load the fancybox, and within it, a specific iframe or ajax.txt page. What I am trying to achieve, is by going to a link like: www.mysite.com/index.html#iframe.html Load the index page, with the fancybox window opened, and the iframe.html

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

问题 This is the code I have been using for the last year. It works great! $("#videos a").click(function() { if ($(this).hasClass('youtube')) { $.fancybox({ 'padding' : 0, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'title' : this.title, 'width' : $(this).attr('data-width'), 'height' : $(this).attr('data-height'), 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 'type' : 'swf', 'swf' : { 'wmode' : 'transparent', 'allowfullscreen' : 'true' } }); return

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

问题 hi i am trying to display a PDF with fancybox but I can not. I have this code: $(".fancybox").fancybox({ 'frameWidth': 100, 'frameHeight':495, 'overlayShow':true, 'hideOnContentClick':false, 'type':'iframe' }) and <a class="fancybox" href="/symfony2/web/app.php/pdf/2"> show pdf</a> but shows me that way generated pdf: http://www.subirimagenes.com/imagen-pantallazo-8110661.html Does anyone know how to solve the problem to display the facybox correctly? a greeting. 回答1: Could you explain what

问题 So this question isn't as crazy as it might sound at first. I'm developing a piece of javascript code to drop into my client's pages. What I'm worried about is if they are using another version of jQuery on their site. I know from the Jquery docs that something like this should work. var dom = {}; dom.query = jQuery.noConflict(true); The problem is I am also using some jquery plugins, namely fancybox and mousewheel. So how can I make sure my version of jQuery is the only one that can use

问题 I'm trying to implement a fancy Yes No confirm and I'm having problems getting the callback to work as needed. The example below is using Fancybox v2. The problem with the code below is that the function "do_something" is being call when HREF "Test" is clicked and not being called when the user clicks #fancyConfirm_ok . function fancyConfirm(msg,callback) { var ret; jQuery.fancybox({ 'modal' : true, 'content' : "<div style=\"margin:1px;width:240px;\">"+msg+"<div style=\"text-align:right

问题 I wonder if it is posible to set a custom width and height on fancybox images? As a standard, the width and height of the fancybox changes in relative to the width and height of the images, but i want to be 800 width and 600 height, at all images. I want to create something familiar to the image-box on facebook, where you see the image at the left, and description and comments at the right. Could be great if someone could help me with this... :) TheYaXxE 回答1: A simpler way is to change the

问题 I'm currently developing a webpage and started using webpack in my build process. I've managed to use slick-carrousel plugin downloaded via npm but can't make fancybox to work! I've downloaded it via npm and imported it as stated in the documentation: var $ = require("jquery"); var slick = require("slick-carousel"); var fancybox = require("fancybox")($); Then in my code I try to initailize a fancybox object and nothing happens. It throws no errors at all. $(".filtros__filtrar").on('click',