fancybox

问题 I just finished a website & went to upload it to the client's host, which is the same host that I use for my personal site. When I uploaded the site to his domain as an add on & tested the jQuery function, it doesn't run. I'm loading jQuery from Google via: <!--/ jQuery Inclusion--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> And it runs perfectly on my personal host setup, it just doesn't work at all on the new host. I called

问题 Recently upgraded to Fancybox v2 and can't figure out how to keep Fancybox open when someone clicks outside of the DIV. I tried "Overlay: null" but then the user can click around the site and navigate away.. I know in Fancybox v1 it was HideonOverlay Click... Any suggestions? 回答1: Try the following. helpers : { overlay : {closeClick: false} } 回答2: Here is a piece of code and is self explanatory, hope you will find it useful: $('#locator').live('click', function(){ $.fancybox({ type: 'iframe',

问题 I make a topic, today, because I've a problem with the plug-in Fancybox 2.0 (http://fancyapps.com/fancybox/). In fact, I want to set different types of title, according the media that is currently in the fancybox. If there is an iFrame in my Fancybox, the title must be "outside". Else, if it's other media, the title must be "over". $(".fancybox").fancybox({openEffect: 'elastic',closeEffect: 'elastic',beforeShow: function() { share_buttons_fancybox = '<div class="center" style="margin-top:10px

问题 I make a topic, today, because I've a problem with the plug-in Fancybox 2.0 (http://fancyapps.com/fancybox/). In fact, I want to set different types of title, according the media that is currently in the fancybox. If there is an iFrame in my Fancybox, the title must be "outside". Else, if it's other media, the title must be "over". $(".fancybox").fancybox({openEffect: 'elastic',closeEffect: 'elastic',beforeShow: function() { share_buttons_fancybox = '<div class="center" style="margin-top:10px

问题 I have googled "fancybox, open onload" all afternoon, but none of the answers seems to match what I'm trying to do. My fancybox set-up works like this: www.casedasole.it/fancybox/ i.e. it launches an iframe. The fancybox website gives two examples of Launch fancyBox on page load (point 10), but in both cases it's handling images. The box I want to appear is an iframe with text, and links in it open within the iframe. I found a way of opening onload a hidden div as a fancybox window (see

问题 I have a simple html page and I want to make a very simple gallery to it with fancybox. Here is the code for one image: <a class="gallery" href="img/83.jpg"><img src="img/83k.jpg" alt="" /></a> Problem is, I have 400 of them and I have to make it sequential, like: <a class="gallery" href="img/84.jpg"><img src="img/84k.jpg" alt="" /></a> <a class="gallery" href="img/85.jpg"><img src="img/85k.jpg" alt="" /></a> etc... Hand coding it would be such a pain. How can I generate all of it? Thanks!

问题 For fancyBox 1.x there was an info how to format a title. I'm missing this for the new version... I want to add a title like "Image 1 of x. You can find the hole gallery here [=link]" 回答1: For fancybox v2.0.x you could customize/format the title using the beforeShow option like: $(".fancybox").fancybox({ beforeShow : function() { this.title = (this.title ? '' + this.title + '' : '') + 'Image ' + (this.index + 1) + ' of ' + this.group.length + '. You can find the whole gallery <a href="/parth

问题 Due to the system i'm having to build a site in templates are extremely restrictive so I don't have much control. My question is: Is it possible with fancybox to set the width and height in the link? e.g. <a href="iframelocation" class="fancybox 480 320">Click here"</a> Thanks in advance. PVS 回答1: You could store the values in data- attributes. (assuming you are using jQuery 1.4.3 or greater) <a href="iframelocation" class="fancybox" data-width="480" data-height="320">Click here"</a> $("a

问题 I've tried for hours to resolve this issue. I would sincerely appreciate some help. I'm trying to implement a jquery animation for the navigation arrows that appear once a [grouped] item is opened up in fancybox. The left or right navigation arrows appear after hovering over the #fancybox-left or #fancybox-right portion that divides the object. For instance, I've positioned the right arrow (defined as #fancybox-right-ico) by setting "right: -__px" under #fancybox-right:hover span so that the

问题 I'm using Fancybox on my site to open links to other pages (external pages). Basically the user clicks on a image and this opens a fancybox containing the external page. The image links are contained within a page (the child) that is displayed within a DIV on another page (the parent). The parent has the ability to reload the data in the DIV by reloading the child page with different params that will cause the image and links to change. This all works perfectly with the first load. But after