fancybox

问题 I'm having trouble closing my fancy box in some cases after an ajax call. $(document).ajaxStop(function() { function(){$.fancybox.close()}; }); $(document).ajaxStart(function() { $("a#load_gif").trigger('click'); }); Here's my code handling the fancy box. So my problem is that if the ajax call is very brief and fast the box doesn't close, however if the call is longer it closes automatically as it should. I have found a fix which goes along the line of this $(document).ajaxStop(function() {

问题 I have called the data from server using ngResource . however, i have figured out that for some reason, my controller is called twice. Here is my code; App.js file // declare a module var blogApp = angular.module('blogApp', ['ngResource']); HomeController.js file; blogApp.controller("HomeController", function ($scope, $resource) { var HotNews = $resource('/api/article/hotnews?culture=en-US'); $scope.news = HotNews.query(); alert("hello"); //here i see hello alert box two times }); my view;

问题 This question already has an answer here : Closed 6 years ago . Possible Duplicate: Fancybox multiple links to same gallery without duplication I'm using fancybox 2.1.0 with jQuery 1.8.3 to load up a gallery of images but it's not working quite how I want it to. I have a large main image then a set of gallery thumbnails underneath. Clicking either the main image or the thumbnails opens the fancybox gallery. The problem is the main image also features in the thumbnails, so when the gallery is

问题 I've been trying for hours to make fancybox to load a php file, with no success... Here's the details: You can visit the website having the problem here. Fancybox request is called when you click either "Παλαιά Δημοτικά Λουτρά" or "Αρχαίο Ωδείο", next to each image. First, page's content is loaded through an ajax request. This page contains the link: <a class="area_fancybox" href="http://www.mysite/fancy_areas.php?areasName=' . $the_area . '">' . $the_area . '</a> Where $the_area variable is

问题 I have set up a simple image slider using the Fancybox 3 plugin (http://fancyapps.com/fancybox/3/docs/) within the Kirby CMS (https://getkirby.com/). The only thing I'm not able to work out, is how to stop the slider from zooming into an image when the image is clicked on while the slider is open. Can someone give me a hand with this? I tried including clickSlide : 'close', in the options for the slider, but it did not work. Here are the options I have set up for the slider globally on my

问题 http://www.mayakaimal.com/media-press It works in all other browsers I have tested. <script type="text/javascript"> $j = jQuery.noConflict(); $j(function(){ $j("a.fancybox").fancybox({ maxWidth : '100%', maxHeight : '100%', fitToView : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script> 回答1: If the specified fancybox height is more than a certain value, the fancybox will not scroll. Not sure why that is the case. The below code worked in my case. Play with

问题 I'm trying to keep working onStart and onComplete methods using FancyBox (jquery plugin) I can't seem to get any of it to work for me. Do any of you know what I'm doing wrong? This is what I'm trying now: $(document).ready(function(){ //top-menu highlight link $(".photos").removeClass().addClass("active"); $("a.fancybox").fancybox({ 'overlayShow' : true, '0opacity' : true, 'overlayOpacity': 0.6, 'onStart' : function(){ $("body").css('overflow','hidden');}, 'onComplete': function(){ $("body")

问题 Is there a way to remove the drop shadow effect? I deleted the drop shadow images but the shadow is still there... Thank you 回答1: On the jquery.fancybox-1.3.4.css just remove or alter the following lines: #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(

问题 I'm able to resize the height with the $.fancybox.resize(); part, but the width just doesn't update according to the new content. Thoughts? 回答1: From the fancybox api docs: $.fancybox.resize : "Auto-resizes FancyBox height to match height of content." So it looks like it is not intended to adjust the width. If you wish to adjust the width, you can do it by manually resizing the #fancybox-wrap and #fancybox-inner elements. After some very quick checking, it looks like #fancybox-wrap is set to

问题 It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center. Closed 6 years ago . I am using jquery fancy-box v2.1.4 (see the fancybox website here). Fancybox is working fine, but I am having trouble changing the size of pop up window. How can I control the size of the fancybox popup window?