Fancybox Title Attribute Not Working

Question

I am trying to use the title attribute to acknowledge participants in a fundraising effort. I have added the title tag inside the href, but it only displays in one way. The inside attribute does nothing. Also, the title positioning is off to the right in IE 9, looks fine in FF.

Here is the page http://ipga.com/communications/photos/2013/bfc/index.asp

My FancyBox call in the page looks like this:

$("a.grouped_elements").fancybox({
    padding: 0,
    openEffect  : 'elastic',
    openEasing : 'easeOutBack',
    openSpeed: 500,
    closeEffect : 'elastic',
    closeEasing : 'easeInBack',
    closeSpeed: 500,
    closeClick : true,
    titlePosition : 'inside'
});

Any ideas would be helpful.

score 1 · Accepted Answer · answered Sep 16 '13 at 17:07

1

The option titlePosition is for fancybox v1.3.4. For v2.x (the one you are using) use this format :

$("a.grouped_elements").fancybox({
    helpers : {
        title: {
            type: 'inside'
        }
    },
    // other API options here v2.x
});

answered Sep 16 '13 at 17:07

JFK

40,963
31
133
306

Thanks JFK...could have sworn I tried that...now how can I stylize (eg. center the text, or change the color) of the title? – Michael Smith Sep 16 '13 at 17:39
@MichaelSmith : try using a different element for the `title` (like in this answer http://stackoverflow.com/a/9611664/1055987) so you can style it as you would with any regular html element of your page – JFK Sep 16 '13 at 17:49

Fancybox Title Attribute Not Working

1 Answers1