Topic: jQuery FancyBox | forward and back arrows

I've got a gallery setup on one of my clients sites using FancyBox. However, when the enlarged pictures come up, there are no arrows to go forward or back. I'm not sure why they aren't showing up.

Here's my HTML

<div id="content_rt">		
	<h3>Privacy Fences</h3>
	<div class="thumbs">
		<a class="fancy" title="Custom Privacy Fence - Bothell" href="images/gallery/privacy-fence_bothell.jpg"><img src="images/gallery/privacy-fence_bothell-xs.jpg" alt="Custom Privacy Fence - Bothell"/></a>
		<a class="fancy" title="Custom Privacy Fence - Bothell" href="images/gallery/privacy-fence_bothell01.jpg"><img src="images/gallery/privacy-fence_bothell01-xs.jpg" alt="Custom Privacy Fence - Bothell"/></a>
		<a class="fancy" title="Custom Privacy Fence - Bothell" href="images/gallery/privacy-fence_bothell02.jpg"><img src="images/gallery/privacy-fence_bothell02-xs.jpg" alt="Custom Privacy Fence - Bothell"/></a>
		<a class="fancy" title="Custom Privacy Fence - Bothell" href="images/gallery/privacy-fence_bothell03.jpg"><img src="images/gallery/privacy-fence_bothell03-xs.jpg" alt="Custom Privacy Fence - Bothell"/></a>
		<a class="fancy" title="Custom Privacy Fence - Kirkland" href="images/gallery/privacy-fence_kirkland.jpg"><img src="images/gallery/privacy-fence_kirkland-xs.jpg" alt="Custom Privacy Fence - Kirkland"/></a>
		<a class="fancy" title="Custom Privacy Fence - Kirkland" href="images/gallery/privacy-fence_kirkland01.jpg"><img src="images/gallery/privacy-fence_kirkland01-xs.jpg" alt="Custom Privacy Fence - Kirkland"/></a>
		<a class="fancy" title="Custom Privacy Fence - Lynnwood" href="images/gallery/privacy-fence_lynnwood01.jpg"><img src="images/gallery/privacy-fence_lynnwood01-xs.jpg" alt="Custom Privacy Fence - Lynnwood"/></a>
		<a class="fancy" title="Custom Privacy Fence - Lynnwood" href="images/gallery/privacy-fence_lynnwood02.jpg"><img src="images/gallery/privacy-fence_lynnwood02-xs.jpg" alt="Custom Privacy Fence - Lynnwood"/></a>
		<a class="fancy" title="Custom Privacy Fence - Lynnwood" href="images/gallery/privacy-fence_lynnwood04.jpg"><img src="images/gallery/privacy-fence_lynnwood04-xs.jpg" alt="Custom Privacy Fence - Lynnwood"/></a>
		<a class="fancy" title="Custom Privacy Fence - Lynnwood" href="images/gallery/privacy-fence_lynnwood.jpg"><img src="images/gallery/privacy-fence_lynnwood-xs.jpg" alt="Custom Privacy Fence - Lynnwood"/></a>
		<a class="fancy" title="Custom Privacy Fence - Woodinville" href="images/gallery/privacy-fence_woodinville.jpg"><img src="images/gallery/privacy-fence_woodinville-xs.jpg" alt="Custom Privacy Fence - Woodinville"/></a>
		<a class="fancy" title="Custom Privacy Fence - Woodinville" href="images/gallery/privacy-fence_woodinville03.jpg"><img src="images/gallery/privacy-fence_woodinville03-xs.jpg" alt="Custom Privacy Fence - Woodinville"/></a>
		<a class="fancy" title="Custom Privacy Fence - Woodinville" href="images/gallery/privacy-fence_woodinville04.jpg"><img src="images/gallery/privacy-fence_woodinville04-xs.jpg" alt="Custom Privacy Fence - Woodinville"/></a>
	</div>
	<h3>Chain Link Fences</h3>
	<div class="thumbs">
		<a class="fancy" title="Chain Link Fence - Monroe" href="images/gallery/chainlink-fence_monroe.jpg"><img src="images/gallery/chainlink-fence_monroe-xs.jpg" alt="Chain Link Fence - Monroe"/></a>
	</div>

jQuery:

$("a.fancy").fancybox({
	'hideOnContentClick': false
});

The actual page can be found

Re: jQuery FancyBox | forward and back arrows

Just from inspecting it quick with Safari, it looks like the background is set to: background-image: url(data:image/gif;base64,AAAA);
which also throws an error about that image not being able to load.

Make sure the images are uploaded and that the CSS correctly points to them.