FancyBox text inside gallery/image

I finally created my slideshow.

Now what I need is for the text to appear on the left side of the image in fancybox.

here is the code:

$(".fancybox").fancybox({
    helpers : {
        title: {
            type: 'inside',
            position: 'left'
        }
    },
    nextEffect: 'fade',
    prevEffect: 'fade'
});

the ‘left’ and ‘right’ are not working. Only top and bottom…can you help me?

here is a live demo:

Anyone?..

Fancybox adjusts its dimensions to the content automatically using JS. With the text above or below the image that’s no problem, the text is simply getting wrapped along the width of the image. But which space is the text supposed to take next to the image? It would quickly get pretty wide, so they simply didn’t implement “left” or “right”.

So I think all you can do is hack into the fancybox styling with your own CSS using magic numbers and !important rules… but I wouldn’t do that. ^^

1 Like

I’ve done that, my text appears on the left, it works great and it’s responsive, the only problem I have now is the text…

I am trying to add Title AND description of the image but I can’t figure it out

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.