jQuery fancybox plugin

<!DOCTYPE html>
<html>
<head>
    <title>fancyBox Demonstration</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.0.6"></script>
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css?v=2.0.6" media="screen" />
    <script type="text/javascript">
        $(document).ready(function() {
            $('.fancybox').fancybox( {modal:false} );
        });
    </script>
</head>
<body>
    <a href="1_b.jpg" class="fancybox" data-fancybox-group="groupA">image 1</a>
    <a href="2_b.jpg" class="fancybox" data-fancybox-group="groupA">image 2</a>
    <a href="ajax.txt?id=test" class="fancybox fancybox.ajax">Ajax</a>
    <a href="ajax.txt?id=test" class="fancybox" type="ajax">Ajax</a>
    <a href="http://stackoverflow.com/questions/11574616/javascript-fancy-box">@</a>
</body>
</html>