fancybox-2

I'm using Fancybox 2 to generate a gallery. As well as text, I'd like to have links in the captions of my photos, if necessary. Here's the page where I'd like to have links within the captions: http://catjohnson.co.uk/weddings By simply adding an html link in there (following this answer: In Prettyphoto.js or Fancybox... How to add a link within the caption ) it breaks the photo within the gallery. I've tried following this http://jsfiddle.net/FWTZA/ and although it works, I lose my styling. I can't seem to get my styling to integrate with the js fiddle code… Here's what I'm doing at the

I'm using fancyBox 2.1.5 and displaying media with multi-line titles below them. My problem is that fancyBox seems to be shrinking media in an attempt to fit long titles on-screen. Below I've attached screenshots from my iPhone, where it is most obvious. Here the image is displayed at full size because I've removed the title: Here the image is shrunken, trying to account for the long title: I'd like fancyBox to ignore the title text when sizing media and always show it at full size, as seen in the first image. I'm OK with having to scroll to read all the title text. Thanks for any help! If you

Fancybox 2. I would like to add all "Button helper" buttons to the title. So that the title was aligned to the left edge and the buttons to the right edge. Please, can anyone tell me, how can I do it? jquery.fancybox.css: /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { bottom: 15px; position: relative; background:

My Fancybox slideshow only works once and stops. From what I can tell is that it's not looping back because something broke which I can't figure out what. If you go to their page to "Extended functionality" and try it out you'll see that it's not working there either.. or at least for me. <!-- Add Fancybox library --> <script type="text/javascript" src="http://www.Website.com/+Fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> <script type="text/javascript" src="/+Fancybox/jquery.fancybox.js"></script> <link rel="stylesheet" type="text/css" href="http://www.Website.com/+Fancybox/jquery

With Fancybox 2 the example below works flawlessly (left out other code) <a class="fancybox" href="https://si0.twimg.com/profile_images/2169856486/avatar.jpg" title="some title"> <img src="http://a0.twimg.com/profile_images/2169856486/avatar_normal.jpg" alt="" /> </a> but the code below load the image on a separate page <a class="fancybox" href="https://api.twitter.com/1/users/profile_image?screen_name=boris&size=original" title="some title"> <img src="http://a0.twimg.com/profile_images/2169856486/avatar_normal.jpg" alt="" /> </a> The problem seem to be with the image URL the Twitter API

When I use the Fancybox 2 jquery plugin, a margin-right of 23px gets added (width of scrollbar). Here's the website (click on the Site Map button): http://kevinlouisdesign.com/projects/Canu/web/ What I don't like is that it makes the content jump to the left when the fancybox shows up. I'd like to get rid of this margin-right style. It's a CSS fix. On the .fancybox-lock style, get rid of the overflow-y: scroll , so the style that looks like this: .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } Should instead look like this: .fancybox-lock .fancybox-overlay { overflow:

Ok so I've recently added ' fancyBox ' to my site and its great. However I want to place the tumbnails (whose functionality is part of the thumbnails helper, thus in a separate .js file) just under the gallery images. I first tried to change the divs containing the images (and I assumed thumbnails) however the two are sibling divs with no parent div other than body. I then set about trying to figure out what is actually 'printing' the elements onto the page and I've found a whole bunch of uses of 'wrap'. For Example: tpl: { wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox