Center Square

Center Square is a script designed to make it easier to view images you have linked to. The only changed needed it to add class="CenterSquare" to the link (having other values in the rel attribute for example nofollow is supported). Also you need to add this to the head of your page.

<script src="CenterSquare.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="CenterSquare.css">

Typically you will want to put a thumbnail of the image inside the link, though anything is possible. The advantage of using the link target as the source of the image is that should JavaScript be disabled the user can still view the image.

After you have tried the example on the right you can download the files.