dotCMS 1.9 Show Thumbnails of Images in Folder

<link rel="stylesheet" href="/lucid/academics/js/fancybox/jquery.fancybox-1.3.4.css" />
<script src="/lucid/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.fancybox').fancybox({'titlePosition':'inside','type':'image'})
});

</script>

<section id="texas-office-photos" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
	<h1 style="display: none; ">Photos</h1>
	<p>
		<ul id="flickrSetsList">
			#set ($fileRepository_filesList = $macro.getfileRepository("/about/texas-office/images/slideshow", "false", $request))
			#foreach($photo in $fileRepository_filesList)
				<li>
					<a class="fancybox" href="http://www.oc.edu/contentAsset/image/$!{photo.inode}/fileAsset?byInode=1&filter=Resize,Jpeg&resize_w=750&crop_x=0&crop_y=0&jpeg_q=85">
						<img src="http://www.oc.edu/contentAsset/image/$!{photo.inode}/fileAsset?byInode=1&filter=Resize,Crop,Jpeg&resize_w=120&crop_w=120&crop_h=120&crop_x=0&crop_y=0&jpeg_q=85" alt="$!{photo.title}" />
					</a>
				</li>
			#end
			<div style="clear:both;"></div>
		</ul>
	</p>
</section>