fancybox-2

问题 I'am trying to pass a variable/ value from the fancybox iframe to the parent window without success. Fancybox is launched from a link with class="fancybox fancybox.iframe" My code in the fancybox.iframe is: $(document).ready(function(){ $('.insert_single').click(function(){ var test = $('.members_body').find('{row.U_USERNAME}'); setTimeout(function(){ parent.$.fancybox.close();},300);return true; }); }); Where '{row.U_USERNAME}' is the username to find in the iframe. Then, in the parent there

问题 Fancybox breaks with the new jQuery v1.9.0. It affects both, Fancybox v1.3.4 and below - and - v2.1.3 and below. The errors shown are : v1.3.4 : Timestamp: 15/01/2013 10:03:28 AM Error: TypeError: b.browser is undefined Source File: ...fancybox/jquery.fancybox-1.3.4.pack.js Line: 18 ... other errors Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18 Uncaught TypeError: Object [object Object] has no method 'fancybox' In v2.1.3 : Timestamp: 15/01/2013

问题 I am just trying to implement this: http://jsfiddle.net/BJNYr/ $(".fancybox") .attr('rel', 'gallery') .fancybox({ type: 'iframe', autoSize : false, beforeLoad : function() { this.width = parseInt(this.href.match(/width=[0-9]+/i)[0].replace('width=','')); this.height = parseInt(this.href.match(/height=[0-9]+/i)[0].replace('height=','')); } }); But I am wondering what do I have to add to the fancybox declaration so that it has default width/height to fall back on, in case the user doesn't pass

问题 I'm using Mal's Cart and I want the View Cart link to show the cart contents inside a Fancybox window. This works in Windows Firefox 18, Chrome 24, Opera 12, and Safari but in IE8 the fancybox will pop up blank, refreshing the box will show the content. Turn Compatibility View on and it works fine. http://www.riptest.info Using IE8, click the "Buy A License" button on the first post and it works, then click the "View Cart" button in left sidebar and it pops up a blank page, refresh the white

问题 I am working with fancybox2 and I need to add some custom functions before pdf goes to print queue means I need fancybox print callbacks(like before print,after print), Can anyone please help me ? I tried window.print() callbacks but those are not working in case of fancybox print , following are the sample I used $(function(){ var beforePrint = function() { alert("BEfore print") console.log('Functionality to run before printing.'); }; var afterPrint = function() { console.log('Functionality

问题 I have folder containing >300 images. For all of these images, I'd like to display all these images on one page, centered, with three images per row. Unregarded their size ratio. Clicking an image should launch the fancy box. I know how to make this work for a hand full of images one by one, but I would like to know whether I can call images from a folder located in -lets say- /images/imagefolder automatically so that I don't have to crate the same line: <a class="fancybox" href="images

问题 I want to make a gallery with only one preview picture and thumbnails helper. I have used the snippet provided by the author for the gallery with only one preview picture and then I added the code for show the thumbnails helper, in this way , but it doesn't show the thumbnails.... I suppose because when you open fancybox manually you don't specify where are the thumbnails, how could it be resolved? 回答1: You also need to include the fancybox-thumbs CSS and JS files. They are included in the

问题 I want to make a gallery with only one preview picture and thumbnails helper. I have used the snippet provided by the author for the gallery with only one preview picture and then I added the code for show the thumbnails helper, in this way , but it doesn't show the thumbnails.... I suppose because when you open fancybox manually you don't specify where are the thumbnails, how could it be resolved? 回答1: You also need to include the fancybox-thumbs CSS and JS files. They are included in the

问题 All images gets a 100px height, and auto width on top of screen - not centered (the images are higher than 100px). This happened when I upgraded to 2.1, latest version today. Is this a bug in the latest build? The size seems to be correct when using the resize button - but still not centered vertically. $("a[href*='.jpeg'], a[href*='.jpg'], a[href*='.png'], a[href*='.gif']").attr("rel", "imagegroup").fancybox({ prevEffect: 'elastic', nextEffect: 'elastic', helpers: { title: null, overlay: {

问题 before opening fancybox gallery i append elements into fancybox inner window but size dosent change and appende't element are overflowed.. , how to resize'it ? my problem - http://prntscr.com/4esnpq html <a class="fancybox" rel="group" href="demo/img1.jpg" > <b>title1</b> <em>text1</em> img1 </a> <a class="fancybox" rel="group" href="demo/img2.jpg" > <b>title2</b> <em>text2</em> img2 </a> <a class="fancybox" rel="group" href="demo/img3.jpg" > <b>title3</b> <em>text3</em> img3 </a> <a class=