FancyBox Close Button and Click Off not working

I have a website I'm developing starting with one image and thumbnail first; then will be adding many possibly using php for now just html, js and css.  I have linked in fancybox and jQuery js and css, from  fancyBox site

The site is updated to SiteGround (where all files reside) to test results.  It works:  thumbnail shows, click on it and larger image appears.  But, the close button does not show and clicking off does not close large image.  I have to refresh browser to go back to thumbnail.  I have been referencing fancyBox site to build code.  I also tried

<!-- <script type="text/javascript">

$(document).ready(function() {

$(".fancybox").fancybox({

buttons: [

'zoom',

'close'

]

});

});

</script>-->

that I found from another source.  I had same results (images showing but not close button)  It seems this could be something simple because default fancybox set up shows the 'close' options on examples I have seen.  Perhaps a Z index setting or page size.    Please Help.....thanks