Fancybox Title Options & Stylings

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

Output

Fancy box with title as float

Title Type Inside

Code

Output

Fancy box with title displayed inside

Title Type Outside

Code

Output

Fancy box with title displayed outside

Title Type Over

This is my preferred option

Code

Output

Fancy box with title displayed over the image

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">