fancybox

Change fancybox iframe size according to content height/width

可紊 提交于 2019-12-25 02:37:27
问题 This might be tricky because the iframe content height/width depends on whether or not the user has the Flash plugin. The iframe has a maxwidth of 800px, so it scales according to viewport. It loads swfobject.js, which detects the Flash plugin, and swiffit.js, which scales the swf according to the width of the iframe. If there is no Flash plugin, it loads an mp4 video, with a fixed width of 550px. I did a dummy of it here: http://www.casedasole.it/fancyfit/ The first button opens an iframe

How to modify jquery.fancybox.pack.js file to add share buttons

末鹿安然 提交于 2019-12-25 02:28:21
问题 I have a Wordpress blog using fancybox version 2.1.5 and would like to add social share buttons to it. I found this example here: http://jsfiddle.net/B9ytK/ enter code here The problem is that my fancybox .js file is the pack version, I tried to replace it with the normal version to clearly modify it but, whenever I try, fancybox stops working on my blog. Is there anyone who could help me modify the packed .js file? Here is the file's download link. https://www.mediafire.com/?zye76c9575hlylh

Fancybox: problems with opacity

浪子不回头ぞ 提交于 2019-12-25 02:28:19
问题 am I right that the following syntax/code doesn't work (anymore)? $(".fancybox").fancybox({ helpers : { overlay : { opacity : 0.9, css : { 'background-color' : '#f00' } } } }); check it out: http://jsfiddle.net/jRsjK/3375/ ... but only this? $(".fancybox").fancybox({ helpers : { overlay : { css : { 'background-color' : 'rgba(255, 0, 0, .9)' } } } }); check it out: http://jsfiddle.net/jRsjK/3374/ 回答1: If you are using the format rgba(255, 0, 0, .9) then the css property should be background ,

Webm support in mediaelement.js with fancybox

点点圈 提交于 2019-12-25 01:45:43
问题 I'm trying to make the wonderfull mediaelement/fancyvideo work with a webm support (because the flash fallback is choppy with MacOs Firefox) : - if there's a webm file, it's played. - if not, mediaelement uses it's flash fallback. For now, I've tried to set this.content = "<video id='video_player' poster='" + _videoPoster + "' width='" + _videoWidth + "' height='" + _videoHeight + "' controls='controls' > <source type='video/mp4' src='" + _videoHref + ".mp4'/> <source type='video/webm' src='"

Fancybox doesn't work with links like ?i=

…衆ロ難τιáo~ 提交于 2019-12-25 01:08:24
问题 In my image gallery all link looks like this: <a class="fancybox" href="http://my.domain/gallery/?i=001"></a> Fancybox can't find the picture, and shows me the message: "The requested content cannot be loaded. Please try again later." Please help with advice 回答1: Add the type API option to your fancybox custom script and set it to image like $(".fancybox").fancybox({ "type": "image" }); Check http://fancybox.net/faq No. 6 回答2: Would this help? <a href="http://my.domain/gallery/?i=001"></a> 来源

Fancy box making image disappear on rails

大城市里の小女人 提交于 2019-12-24 22:59:07
问题 Hi my fancy box image keeps disappearing whenever I click on the image,the fancy box displays the image but once I close it theirs no image. Where am I going wrong? Fancybox javascript: $(document).ready(function() { $(".single_image").fancybox(); }); Fancybox Image: <%= link_to(image_tag"blindlogo.jpg", :class=>"single_image") %> 回答1: Updated Try to add following codes below your link_to codes, so it looks like: <%= link_to "#", "assets/blindlogo.jpg", :class=>"single_image" %> See http:/

Fancybox opening hyperlinks in same popup window

别来无恙 提交于 2019-12-24 20:34:16
问题 I am using the fancybox iframe (as can be seen here in the iframe demo) http://fancyapps.com/fancybox/demo/ Here is the code i am using <p><a class="fancybox fancybox.iframe" href="items/item1.html"><span>Item 1</span></a> I then have item1.html that has the following code: <h3>Item 1</h3> Blah blah blah text here <a href="http://www.google.com"><img src="https://www.google.com/images/srpr/logo3w.png" width="160" height="25" border="0" alt="Google logo" /></a> The fancybox pop up window works

Fancybox 1.3.4 not working in IE

♀尐吖头ヾ 提交于 2019-12-24 20:17:13
问题 I have an .swf movie embedded in fancybox on this site: http://www.courtyarddental.co.uk This works as expected in all browsers except IE, where I just get the greyed-out screen but no pop-up box. Any help much appreciated! 回答1: That was an old issue and we never knew exactly what was the reason. Basically fancybox v1.3.x won't display "object" elements with "data" attribute (IE6/7/8) like in your code <object type="application/x-shockwave-flash" data="the_courtyard.swf" width="640" height=

Fancybox with Owl carousel (lazyLoad)

有些话、适合烂在心里 提交于 2019-12-24 19:29:09
问题 I'm using Fancybox v3.5.4 and Owl carousel v2.3.4 with lazyLoad option When we click on a photo, Fancybox makes the photo pop up. Then if we click on "Next" few times to get the next photos on Fancybox and then close it, the photos on the owl carousel have disappeared. It seems that the carousel has changed its background position and displays photos not loaded yet because of the lazyLoad option. Does anyone understand what is going on here? I spent lot of time on this.. Thank you You can see

Fancybox iframe gallery in parent page [duplicate]

不想你离开。 提交于 2019-12-24 16:12:02
问题 This question already has answers here : Closed 6 years ago . Possible Duplicate: call Fancybox in parent from iframe Hi I have iframe on my home page. Inside it is a gallery and I want to open pictures in my parent page when I click on the fancybox picture. I tried anything but it opens only one picture and no full gallery with next and previous buttons. My example: index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html