// fancybox.config2.js
// ID's are meant for a SINGLE instance, e.g. $("a#example1").fancybox({
// Class' example would be $(".example1").fancybox({

// If you want to use the same script for all your images/elements then use classes instead.
// <a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a>
// <a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a>

$(document).ready(function() {

    /* http://zfranciscus.wordpress.com/2010/03/01/managing-iframe-using-fancybox/ */
    /* either id with "a#extLink" or class with ".extLink" works, up to a point (not group friendly) */

    $("a.extLink").fancybox({
         'width' : '85%',
         'height' : '85%',
         'autoScale' : true,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe',
// 		'overlayShow'	:	false,
'opacity' : 'true', 'overlayOpacity' : '0.8', 'overlayColor' : '#000'

     });
});