Untitled

<!DOCTYPE html>
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
                <meta http-equiv="imagetoolbar" content="no" />

                        <title>Uppgift3</title>

                <link rel="stylesheet" href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
                <script type="text/javascript" src="jquery.fancybox-1.3.4//fancybox/jquery.fancybox-1.3.4.pack.js"></script>


        <script>
        $(document).ready(function() {

                $("a.grouped_elements").fancybox({
                        //'transitionIn'        :       'elastic',
                        //'transitionOut'       :       'elastic',
                        //'speedIn'             :       600,
                        //'speedOut'            :       200,
                        //'overlayShow' :       false
                });

        });
        </script>


        <style>
    img {border-width: 0px}
        body {background: #C0FCE9;}
  </style>


</head>

        <body>
<p><center><br /><br />
<a class="grouped_elements" rel="group1" href="images/image_big_1.jpg">
<img src="images/image_small_1.jpg" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/image_big_2.jpg">
<img src="images/image_small_2.jpg" alt=""/></a>

<a class="grouped_elements" rel="group1" href="images/image_big_3.jpg">
<img src="images/image_small_3.jpg" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/image_big_4.jpg">
<img src="images/image_small_4.jpg" alt=""/></a>
        <br />
        Click to enlarge.


        </center></p>
        </body>
        </html>