Fancybox is a Jquery’s gallery plugin and it comes with four options to display title of image in overlay. Here are these four options are displayed with image examples.
Floating Title
This is default and if you don’t mention any type for title then title will use Float option. I won’t recommend it because the title goes out of the image width area and doesn’t look good to eyes.
Code
1 2 3 4 5 6 7 |
$(".fancybox").fancybox({ helpers: { title : { type : 'float' } } }); |
Output
Title Type Inside
Code
1 2 3 4 5 6 7 |
$(".fancybox").fancybox({ helpers: { title : { type : 'inside' } } }); |
Output
Title Type Outside
Code
1 2 3 4 5 6 7 |
$(".fancybox").fancybox({ helpers: { title : { type : 'outside' } } }); |
Output
Title Type Over
This is my preferred option
Code
1 2 3 4 5 6 7 |
$(".fancybox").fancybox({ helpers: { title : { type : 'over' } } }); |
Output