cant get fancybox to work

cant seem to get fancy box to work (i also screwed up the first post i tried to write on this one somehow and cant edit it or set it to resolved so i appologse for any confusion that one calls)

js files included and function called as below:

<link rel="stylesheet" href="https://www.dannybrowne.com/wp-content/themes/default/css/fancy.css" type="text/css" media="screen">

<script type="text/javascript" src="https://www.dannybrowne.com/wp-content/themes/default/js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="https://www.dannybrowne.com/wp-content/themes/default/js/jquery.fancybox-1.0.0.js"></script>

<script type="text/javascript" src="https://www.dannybrowne.com/wp-content/themes/default/js/jquery.pngFix.js"></script>
<script type="text/javascript" src="https://www.dannybrowne.com/wp-content/themes/default/js/jquery.metadata.js"></script>

<script type="text/javascript">

$("#entry a").fancybox({
'zoomSpeedIn': 0,
'zoomSpeedOut': 0,
'overlayShow': true
}); 

</script>

which should invoke fancybox on this image:

<div class="entry">

<p><a href="https://www.dannybrowne.com/wp-content/uploads/2008/09/mtg-final-black.jpg"><img class="alignnone size-full wp-image-12" title="mtg-final-black" src="https://www.dannybrowne.com/wp-content/uploads/2008/09/mtg-final-black.jpg" alt="" width="500" height="706" /></a></p>

</div>

page i’m using it on is at: https://www.dannybrowne.com/?page_id=5

anyone see whats going on here?

kind regards, danny.