jQuery.Fancybox Test

jsFiddle ready to be forked to start some tests on jsFiddle.

HTML

<link rel="stylesheet" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css">
<script src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<a id="single_image" href="http://www.w3schools.com/images/w3schools.png">


<img src="http://www.w3schools.com/images/w3schools.png" alt=""/>


</a>

JavaScript

/* This is basic - uses default settings */
	
	$("a#single_image").fancybox();
	
	/* Using custom settings */
	
	$("a#inline").fancybox({
		'hideOnContentClick': true
	});

	/* Apply fancybox to multiple items */
	
	$("a.group").fancybox({
        transitionIn: "elastic",
        transitionOut: "elastic",
        overlayShow: false,
        target: this,
        orig: $("img", this),
        titlePosition: "inside",
        titleFormat: titleFormat
	});