Setting image title (or alt attributes) as the Fancybox pop-in title

Hi!

In Customizr (version less than 3.10), the title displayed at the bottom of the Fancybox popin is the post or page title instead of the image title.

To fix this, here’s a quick javascript snippet that displays the image title (or the alt field if there’s no title) for the FancyBox popin title.

Copy this code in your functions.php file :

add_action ('wp_footer' , 'set_fancybox_title');

function set_fancybox_title() {
	?>
		<script id="tc-fancybox-title" type="text/javascript">
			jQuery(document).ready(function ($) {
			        $('a[rel*=tc-fancybox-group]').each( function() {
			            var title = $(this).find('img').prop('title');
			            var alt = $(this).find('img').prop('alt');
			            if ( typeof title !== 'undefined' && 0 != title.length) {
			                $(this).attr('title',title);
			            }
			            else if (typeof alt !== 'undefined' &&  0 != alt.length) {
			                $(this).attr('title',alt);
			            }
			        });
			});
	    </script>
    <?php
}

 I hope this will be useful for you guys!

Your comments and improvements are welcome as always.