fancybox

问题 I want to implement a simple Nivo slideshow in the banner of my site and a fancybox gallery below it - I just can't get them to work simultaneously. The Nivo slider takes preference, when I disable it, the fancybox gallery works. I am using fancybox v2 (jquery 1.7.2) and nivo slider jquery 1.7.1 - is that the problem? My jquery and js skills are seriously rudimentary, so please spell it out for me - thank you so much! Here is the test site: http://designasite.co.za/aerialphotographer/ 回答1: I

问题 I'm working with Fancybox 2.0 and I want the titlebox to appear above the image or on top of the image, not below. Just above all content. I tried to make the fancybox-inner style position:absolute , but then the height of the fancybox-wrap wont be set to absolute pixels. Could someone help me achieve that? 回答1: Best and simplest - using the helpers: helpers : { title : { type: 'inside', position : 'top' } } 回答2: Add the following fancybox CSS for these elements... .fancybox-title{position:

问题 I spent a long time getting familiar with fancybox2 to display Youtube videos and slide shows now V3 has arrived and not being code savvy I'm wondering if the code I use needs to be changed given that there appears to be only 3 files required: js, css & jquery. Currently using this script: // fancybox for youtube $(".youtube").fancybox({ type: 'iframe', maxWidth: 853, maxHeight: 480, padding: 0, openEffect: 'elastic', openSpeed: 250, closeEffect: 'elastic', closeSpeed: 150, closeClick: true,

问题 How can I stop the closing of an AJAX page displayed in a fancybox? <a href="sample.php?name=name1&feedback=feedback1" id="feedback">feedback</a> fancybox code in jquery... $("#feedback").fancybox({ 'speedIn' : 600, 'speedOut' : 200, 'centerOnScroll': false, 'autoDimensions': true 'type' : 'ajax', }); sample.php page will be displayed in fancybox. once user click submit button in sample.php. fancybox closes. i need to make delay in closing after submitting feedback form(sample.php) 回答1: You

问题 I can't get fancybox to open my links in iframe. My code below. Thanks! <link href="./fancybox/jquery.fancybox-1.3.4.css" type="text/css" rel="stylesheet"/> <script src="_js/jquery-1.7.2.min.js"></script> <script src="fancybox/jquery.fancybox-1.3.4.js"></script> <script> $(document).ready(function() { $('.iframe').fancybox({ 'width': '85%', 'height': '75%', 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); // end fancybox }); // end ready </script> And the link I'm

问题 I have a page that has two ways to open a gallery of images/videos that open in fancybox 2. The problem is that because there are two links that open the start of the gallery with the first image, the first image is displayed twice in the gallery. Here is my example http://www.londonsitedesign.co.uk/test.html How can I prevent the first image being displayed twice in the gallery? 回答1: If the first link will only start the fancybox gallery, then it doesn't need to have the fancybox class

问题 I'm trying to use FancyBox for a gallery of 36 images, but whenever I click on the image to trigger FancyBox, the thumbnail helper does 2 really odd things: 1) loads an extra thumbnail of the image I clicked at the END of the gallery thumbnails 2) the thumbnail helper does not go to clicked image's corresponding thumbnail. instead, it goes to the new thumbnail of that image I made at the end of the gallery. here is a link to what I have so far: http://lalalichan.com/temp/process_test6.html At

问题 How do I initiate a fancybox 3 slideshow by clicking on a single image or button. There appears to be a good example on the Fancyapps site with the Custom Demo but no coding example specific to this case. 回答1: If you are looking for a way to start gallery with one preview image, then simply create your links and make only first one visible, see this demo - https://codepen.io/fancyapps/pen/WjVXyx?editors=1000 <p> <a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data

问题 I'm currently working on a website which in future will be responsive. The site is primarily made up of images which in turn load into a FancyBox when clicked. v2 of FancyBox is now responsive and so re-sizes the images etc when screen size changes. As part of my design I have two fixed banners which appear at the top and bottom of the page, see image below: By default there is a margin around the FancyBox so that it's styled nicely. However, with the fixed positioning that I've added to the

问题 I have a list of items as follows <ul> <li><a href="http://toExtUrl/img.jpg" class="should-popout"> <img src="http://mywebsite.com/icon.png"></a> </li> </ul> toExtUrl/img.jpg is added dynamically and it may sometimes shows pdf or HTML content instead of images(This is always external link). I'm trying to give the fancybox popout effect for whatever comes with href attribute of '.should-popout'. But while clicking it just redirection to external url happens. My fancybox option is as follows $