Untitled

<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
$(document).ready(function() {
    var imageLinks = $('a[href$=".png"], a[href$=".jpg"], a[href$=".gif"], a[href$=".bmp"]');
    if (imageLinks.children('img').length) {
        imageLinks.children('img').each(function() {
            var currentTitle = $(this).attr('title');
            $(this).attr('title', currentTitle + ' (click to enlarge image)');
        });
        imageLinks.click(function(e) {
            e.preventDefault();
            $(this).children('img').toggleClass('expanded');
        });
    }
});
    </script>
    <style media="screen" type="text/css">
img {
    height: auto;
    max-width: 100%;
}
img.expanded {
    max-width: none;
}
    </style>
</head>

<body>
    <div style="width: 800px">
        <a href="http://upload.wikimedia.org/wikipedia/commons/6/6f/Earth_Eastern_Hemisphere.jpg">
            <img src="http://upload.wikimedia.org/wikipedia/commons/6/6f/Earth_Eastern_Hemisphere.jpg" />
        </a>
    </div>
</body>

</html>