fancybox

问题 I am using fancybox-2.0.1 in a number of areas on a website and have been doing so without a problem. I have also been using the jquery implementation of tinymce in conjunction with fancybox without a problem. However, since I changed the tinymce inti script to look like the below I started getting problems: <script type="text/javascript" src="tinymceJQ/jscripts/tiny_mce/jquery.tinymce.js"></script> <script type="text/javascript"> $(function() { var $editor = $("#appContentTextArea"); //

问题 I am just creating a silly GIF gallery where there is a thumbnail displayed and when clicked the relevant GIF gets loaded and displayed in a fancybox. The code for the fancybox I have is this: $(".fancyGIF").fancybox({ arrows: false, openEffect: 'elastic', openSpeed: 150, closeEffect: 'elastic', closeSpeed: 150, closeClick: true, onStart: function(){ $("img").width("400"); }, helpers: {overlay : null} }); The onStart: is an attempt at getting the image to load bigger than it's original size,

问题 I'm starting one gallery with multiple preview pictures (links). The first one begins the gallery, the next goes to a specific photo in the same gallery, but you can click through the entire gallery if you choose to. Think of it as a set up bookmarks that take you to different points of one larger gallery of images. I've replicated how this is working for me now, though it's redundant and not very efficient. I'm merely faking it so that the entire thing loops. I appreciate any advice. Here

问题 I'm trying to do the exact same thing explained here: Formatting a title for FancyBox The problem is that I'm using FancyBox version 2.0.6 that it's different from the versione explained in the other topic /* * Title helper */ F.helpers.title = { beforeShow: function (opts) { var title, text = F.current.title; if (text) { title = $('<div class="fancybox-title fancybox-title-' + opts.type + '-wrap">' + text + '</div>').appendTo('body'); if (opts.type === 'float') { //This helps for some

问题 I'm trying to develop some code where a jquery takes images and resizes them to fit the parent div, with an option to click on the image to view it in full size with fancybox. I'm trying to do it all images with class "expand", and don't anticipate having more than on image with that class per page. Below is what I've come up with so far. The image resizes just fine, and I can click on the image to bring up the fancybox, but it is at the resized size, not the original. I have fwidth and

问题 Been using FancyBox to display a swf player. What I would like to do is have an if statement that, when false adds the flash vars to 'swf': {...}, which I have working. And when true displays some inline markup. if (true) { $.fancybox({ 'type': inline //can I ref markup here??? }); } else { $.fancybox({ 'href' : somepath, 'type': 'swf', 'swf': {..} }); } Would someone be able to advise on how I can either reference the markup using the approach above. Or if I can even add dynamic html here,

问题 When fancybox fires the popup I want to have the close button disabled and just enable it after x seconds. Is there any solution? Thanks in Advance. 回答1: This one is fun. If you want to hide the close button to prevent the closing at least during 10 seconds, you may also want to disable closing on click either inside or outside fancybox .... so try setTimeout inside the afterShow callback like : $(".fancybox").fancybox({ closeClick: false, // prevents closing when clicking INSIDE fancybox

问题 Problem Description: I am using Fancybox v2.1.5 in a responsive page design. The problem I have is with smaller mobile devices that are more rectangular than square. When the device is in portrait orientation and I call Fancybox, it displays to the width of the screen and the title text wraps below the image. This is not an issue as there is usually a lot of extra screen real estate in portrait mode. When I change the device to landscape orientation however, Fancybox shrinks its height in

问题 I'm showing different types of images on a site. Attached to every image I want to add some text. I have written this text in the title-element in the html document. This text is a few sentences long. What happens now is that the fancybox becomes really narrow (since the picture is quite small) and the text looks really stupid. I've tried to change the width and height values within the fancybox code, but it still doesn't seem to work. I tried to fix it in css too, and I got the title text to

问题 I'm regestering a jQuery fancybox like so: $(document).ready(function() { $("#help").fancybox({ 'width': '90%', 'height': '90%', 'autoScale': true, 'transitionIn': 'elastic', 'transitionOut': 'none', 'titleShow': false, 'type': 'iframe' }); }); However, on page transfer/postback it is getting registered multiple times, which slows it down to the point of breaking. Is there a way to check if the event is already registered, and if not, register it? Pseudo code: //check if fancybox has not been