fancybox

问题 I have a very strange problem with Fancybox. I can't seem to get the .val() of the inputs which are displayed in Fancybox. They have a value of "". The inputs outside of Fancybox, however work. My code: <script type="text/javascript"> $(document).ready(function() { $('a#inline').fancybox({ 'hideOnContentClick': false, 'frameWidth': 500, 'frameHeight': $('#avatars').height(), 'callbackOnShow': function() { $('#gallery div img').click(function(){ $('#inline img').attr('src', $(this).attr('class

问题 This issue is very similar to jQuery: Fancybox produces a loop of errors in chrome using ajax, although in the other issue ajax is being used. I'm using inline to present a div. I can open the fancybox containing the div once, and close it again. But if I open it again, I see the following error in the console, and the page changes to a random portion of text from the page from a completely different section: Uncaught TypeError: Cannot call method 'width' of undefined I have Fancybox set up

问题 I have a Fancybox (or more accurately) a number of fancy boxes on an asp.net page. My Fancybox (jquery plugin) works fine until a postback occurs on the page then it refuses to work. Any thoughts? Anyone experienced similar behaviour? UPDATE : Some Code.. I have a databound repeater with a fancybox on each repeating item. They are instanciated by (outside the repeater) $(document).ready(function() { $("a.watchvideo").fancybox({ 'overlayShow': false, 'frameWidth' : 480, 'frameHeight' : 400 });

问题 I have an anchor tag with a click event on it $('a').click(function(){ $.ajax({ url: 'ajax/test.php', data: {id: 123, count: 456}, success: function(data) { //lightbox data } }); }); The response will look something like { title: 'My Title', body: 'My Body' } I want to show this in a fancybox. Where I am stuck is creating and showing a fancybox around this content on the fly? 回答1: Have you tried something like this? success: function(data) { $.fancybox({ 'content' : '<h1>' + data.title + '<

问题 -largeAny Ideas folks? I'm trying to link the opened image in fancybox. I've looked everywhere! It sounds so simple... So here's the code I'm using: <a id="manual1" href="javascript:;"><img src="/example-thumb.png" alt="example" /></a> <script type="text/javascript" src="/Cms_Data/Sites/Base/Files/js/fancyboxV2.1.0/jquery.fancybox.pack.js"></script> <script type="text/javascript"> $("#manual1").click(function() { $.fancybox([ '/example-large.jpg', '/example-large2.jpg', { 'href' : '/example

问题 Folk's, I'm using Fancybox and Jwplayer to show videos like it does with photos. My problem is that the navigation bar won't never hiding. Also, the video resize from 768px (original size) to 725px (display size) and I don't know why. Here is the code : HTML <a class="video" href="../img/advertising/img/video/NEOCLAIM_Femme.flv" title="NEOCLAIM Femme"><img src="../img/advertising/ico/ic02-neocalmF.jpg" alt="" /></a> And JS $("a.video").click(function() { $.fancybox({ 'scrolling' : 'no',

问题 i'll try to build a slider with FlexSlider the images in the slider should be viewed 'onclick' with Fancybox. my code for now: $(".slides li").fancybox(); $('#flex1').flexslider({ animation: "slide", animationLoop: false, itemWidth: 179, itemMargin: 0, minItems: 4, maxItems: 4, controlNav: false, pauseOnHover: true, slideshowSpeed: 5000, keyboardNav: true, slideshow: false, }); in document ready the HTML / PHP looks like this: <div class="flexslider" id="flex1"> <ul class="slides home_single

问题 The code below works when I don't serve the images via the httphandler but just add the image URL directly in the HTML. When I load images via the httphandler, the basic image in the control is shown correctly, but then when I click that image to load the larger image in a lightbox, I see scrambled code (wierd characters) see this image: so I'm assuming Fancybox needs a direct URL to an image to fill the lightbox with, but I'm not sure. How can I make sure that when the user clicks the

问题 <link rel="stylesheet" href="<?php echo $this->getSkinUrl(''); ?>js/fancybox/source/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo $this->getSkinUrl(''); ?>js/fancybox/source/jquery.fancybox.pack.js?v=2.0.6"></script> <script type="text/javascript"> $(document).ready(function() { $("a#image").fancybox(); $("a#image").trigger('click'); $("a#image").hide(); }); <a id="image" href="banner-about-cart.png"><img src="<?php echo $this-

问题 I am using JQuery fancybox for photos. I want to load the images from database using HttpHandler but can not get the image. my code for the jquery $(document).ready(function(){ $('#gallery a').fancybox(); }); asp.net code <div style="float:left; position:relative; margin:10px;" id="gallery"> <div> <a href="ImageHandlerFullSize.ashx?ImID=<%# Eval("Id")%>" rel="gallery" > <asp:Image ID="Image1" runat="server" ImageUrl='<%#"ImageHandler.ashx?ImID="+ Eval("Id") %>' BorderStyle="Solid" BorderWidth