fancybox-2

问题 I'm developing a site and I want to add some new features. I'm using Fancybox and it works great! Here's the problem: When you click on a POI some of them have more than 1 photo , so with the following code as you can see it triggers correctly the fancybox but it only shows 1 photo and not the entire gallery. What im doing is that i just copy that html inside of the hidden div and append it to another so i can trigger it correctly , maybe im complicated myself way too much :/- It works but it

问题 Just trying to figure out how to change options of fancybox buttons to snap them on the right bottom corner of sliding images. fancybox template example http://fiddle.jshell.net/t91p3g7s/?utm_source=website&utm_medium=embed&utm_campaign=t91p3g7s arrows position that i want to achieve: buttons right-bottom corner 回答1: You can force on CSS. It's simple. Just add this css: .fancybox-next { bottom: 10px; top: auto; width: 30px; height: 30px; } .fancybox-prev { bottom: 10px; top: auto; width: 30px

问题 I've installed an unmolested version of Fancybox 2 on a site I'm building - it all works fine apart from when hovering over the previous, next and close areas a black background appears over the image. The only modifications I have made to the standard Fancybox are controls for the fadein speeds etc You can see the page here If you click on any of the images, the you will see the issue when hovering over the next / prev / close buttons. I've used this on another site and haven't had this

问题 I'm trying to make an application in a facebook page with the use of fancybox 2 where a page is loaded as an iframe in the fancybox. It works all fine, except in IE (who would've known!). In my fancybox 2 there is a button that submits a form and sends you to another page. this page is loaded in the same fancybox window as the previous page. When this page is loaded, the height of the fancybox is not adjusted properly, so half of my page is not visible. What I'm trying to do now is change the

问题 This is my script that calls FancyBox: <script type="text/javascript"> jQuery(document).ready(function() { jQuery(".fancybox").fancybox({ helpers : { title : { type : 'float' } }, beforeShow: function(){ this.title = '<div>'+jQuery(this.element).next('div').html()+'</div>'; } }); }); </script> And these are my 6 images in HTML <div id="mydiv"> <a class="fancybox" data-fancybox-group="gallery" href="IMAGE_URL"><img id="thumb1" src="THUMB_URL" /></a><div style="display: none;">DESCRIPTION</div>

问题 i have a page with 4 fancybox (v.2) gallerys, and when i click trough the first gallery he circles through ALL galleries on the page, that's bad. so i want to give each gallery a different "rel" attribute (rel="gallery1", rel="gallery2", rel="gallery3" ...). so i need to count these gallerys and give them the number. my code: $(document).ready(function() { $(".fancybox") .attr('rel', 'gallery') .fancybox({ openEffect : 'none', closeEffect : 'none', padding : 0, loop : false }); }); 回答1:

问题 I read some thread in here, but I haven't found a good solution for gallery item. I am not expery in jQuery so please bear with me here. I have code to display one image outside iframe. But my goal is to add left/right arrow to scroll through my gallery. I have this script <script type="text/javascript"> $(document).ready(function () { $('.fancybox').click(function (e) { e.preventDefault(); parent.$.fancybox({ type : "image", // force type of content to image href: this.href, title: this

问题 Is is possible to use the JQuery Fancybox 'Image Gallery' type, and place a form inside the 'title' , or I've read in an HTML area? The latter, I'm struggling to figure out. I need a gallery of images, which I have working, and also a submit button below the gallery in Fancybox - it's like an 'add to cart'. I've tried dropping my form submit button inside the #fancy-two div, but it's not showing. I've also tried playing with the title="" but not showing either. My code is: <!-- image gallery

问题 I have tried to get a Fancybox iFrame to load automatically and to give the overlay a different color. So far so good on the autoload. Got it working. The color I couldn't get to change. Now I tried several examples many listed here. But I guess I am doing something wrong. In my head code I am loading : <script type="text/javascript"> $(document).ready(function(){ $('.fancybox').fancybox(); // Change title type, overlay closing speed $(".fancybox-effects-a").fancybox({ helpers: {

问题 I have a little problem. I need to create a gallery, where embed youtube-videos an normal images are shown. To get the arrows working between images and the video, I have to use the iframe Modus. So I ended up with this: <a href="url_of_embed_yt_vid" class="fancygal" rel="group"><img src="preview_for_vid"></a> <a class="fancygal" rel="group" href="link_to_image"><img src="myimage"></a> $('.fancygal').fancybox({ 'type' : 'iframe', 'scrolling' : 'no', 'fitToView': true, 'iframe' : { 'scrolling'